Fix for ONOS-3678

Change-Id: I806f32c13df33f137d199618de0ad495833a5d0e
(cherry picked from commit 14fefb5)
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 b296c60..0186d24 100644
--- a/web/gui/src/main/webapp/app/view/flow/flow.html
+++ b/web/gui/src/main/webapp/app/view/flow/flow.html
@@ -13,6 +13,22 @@
 
             <div class="separator"></div>
 
+            <span ng-if="brief">
+            <div class="active"
+                 icon icon-id="plus" icon-size="42"
+                 tooltip tt-msg="detailTip"
+                 ng-click="briefToggle()"> </div>
+            </span>
+
+            <span ng-if="!brief">
+            <div class="active"
+                 icon icon-id="minus" icon-size="42"
+                 tooltip tt-msg="briefTip"
+                 ng-click="briefToggle()"> </div>
+            </span>
+
+            <div class="separator"></div>
+
             <div class="active"
                  icon icon-id="deviceTable" icon-size="42"
                  tooltip tt-msg="deviceTip"
@@ -35,6 +51,7 @@
                  icon icon-id="meterTable" icon-size="42"
                  tooltip tt-msg="meterTip"
                  ng-click="nav('meter')"></div>
+
         </div>
     </div>
 
@@ -77,10 +94,10 @@
                     <td class="right">{{flow.packets}}</td>
                     <td class="right">{{flow.bytes}}</td>
                 </tr>
-                <tr row-id="{{flow.id}}">
-                    <td class="selector" colspan="10">{{flow.selector}}</td>
+                <tr row-id="{{flow.id}}" ng-hide="brief">
+                    <td class="selector" colspan="10" >{{flow.selector}} </td>
                 </tr>
-                <tr row-id="{{flow.id}}" ng-repeat-end>
+                <tr row-id="{{flow.id}}" ng-repeat-end ng-hide="brief">
                     <td class="treatment" colspan="10">{{flow.treatment}}</td>
                 </tr>
             </table>