Updating design of OHIF Viewer using (OHIF-49)

Packages/viewerbase/client/components/viewer/toolbar/toolbar.html

@@ -1,31 +1,37 @@
 <template name="toolbar">
-    <div id='toolbar'>
+    <div class="btn-group">
+        {{ #each button }}
+            {{ >simpleToolbarButton}}
+        {{ /each }}
+
+        {{ #if includePlayClipButton }}
+            {{ >playClipButton }}
+        {{ /if }}
+
+        {{ #if includeLayoutButton }}
         <div class="btn-group">
-            {{ #each button }}
-                {{ >simpleToolbarButton}}
-            {{ /each }}
-
-            {{ #if includePlayClipButton }}
-                {{ >playClipButton }}
-            {{ /if }}
-
-            {{ #if includeLayoutButton }}
-            <div class="btn-group">
-                <button id="layout" type="button" class="btn btn-sm btn-default dropdown-toggle" data-container="body" data-toggle="dropdown" aria-expanded="false" data-placement="right" title="Layout" rel="tooltip">
-                    <span class="fa fa-th-large"></span>
-                </button>
-                {{  >layoutChooser }}
-            </div>
-            {{ /if }}
-
-            {{ #if includeHangingProtocolButtons }}
-                {{ >hangingProtocolButtons }}
-                {{ >matchedProtocols }}
-            {{ /if }}
-
-            {{ #each btnGroup }}
-                {{ >toolbarGroupButton}}
-            {{ /each }}
+            <button id="layout"
+                    type="button"
+                    class="btn btn-sm dropdown-toggle"
+                    data-container="body"
+                    data-toggle="dropdown"
+                    aria-expanded="false"
+                    data-placement="right"
+                    title="Layout"
+                    rel="tooltip">
+                <span class="fa fa-th-large"></span>
+            </button>
+            {{  >layoutChooser }}
         </div>
+        {{ /if }}
+
+        {{ #if includeHangingProtocolButtons }}
+            {{ >hangingProtocolButtons }}
+            {{ >matchedProtocols }}
+        {{ /if }}
+
+        {{ #each btnGroup }}
+            {{ >toolbarGroupButton}}
+        {{ /each }}
     </div>
 </template>