ONOS-6331: fix highlighting / clickable-region of expanded flow table rows.
Change-Id: Ida973b83f12476b004238e8c6a90da1af42d2897
diff --git a/web/gui/src/main/webapp/app/view/flow/flow.html b/web/gui/src/main/webapp/app/view/flow/flow.html
index b9fbb5d..180a53e 100644
--- a/web/gui/src/main/webapp/app/view/flow/flow.html
+++ b/web/gui/src/main/webapp/app/view/flow/flow.html
@@ -112,10 +112,14 @@
<td class="right">{{flow.packets}}</td>
<td class="right">{{flow.bytes}}</td>
</tr>
- <tr row-id="{{flow.id}}" ng-hide="brief">
+ <tr ng-click="selectCallback($event, flow)"
+ ng-class="{selected: flow.id === selId}"
+ row-id="{{flow.id}}" ng-hide="brief">
<td class="selector" colspan="10" >{{flow.selector}} </td>
</tr>
- <tr row-id="{{flow.id}}" ng-repeat-end ng-hide="brief">
+ <tr ng-click="selectCallback($event, flow)"
+ ng-class="{selected: flow.id === selId}"
+ row-id="{{flow.id}}" ng-hide="brief" ng-repeat-end>
<td class="treatment" colspan="10">{{flow.treatment}}</td>
</tr>
</table>