OHIF-164 Prevent overflowing navigationButtons of the protocol editor

Packages/ohif-hanging-protocols/client/components/protocolEditor/protocolEditor.html

@@ -1,6 +1,6 @@
 <template name="protocolEditor">
     <div id='protocolEditor'>
-        <div class="row">
+        <div class="row navigationButtonsContainer">
             <div class="navigationButtons col-xs-12">
                 <ul class="nav nav-pills">
                     <li class="active">

Packages/ohif-hanging-protocols/client/components/protocolEditor/protocolEditor.styl

@@ -10,42 +10,46 @@ $height = 20px
   position: absolute
   top: 0
 
-  .navigationButtons
+  .navigationButtonsContainer
-    ul
+    margin-left: 0
-      margin: 0 auto
+    margin-right: 0
-      width: 300px
 
-    li
+    .navigationButtons
-      text-align: center
+      ul
-      width: 150px
+        margin: 0 auto
-      margin: 0
+        width: 300px
+
+      li
+        text-align: center
+        width: 150px
+        margin: 0
+
+        &:first-child:not(:last-child)
+          a
+            border-top-right-radius: 0
+            border-bottom-right-radius: 0
+
+        &:last-child:not(:first-child)
+          a
+            border-top-left-radius: 0
+            border-bottom-left-radius: 0
 
-      &:first-child:not(:last-child)
         a
-          border-top-right-radius: 0
+          padding: 3px 9px
-          border-bottom-right-radius: 0
+          cursor: pointer
+          text-decoration: none
+          outline: none
+          theme('background-color', '$uiGrayDark')
+          theme('border', '2px solid $uiBorderColorDark')
+          theme('color', '$textSecondaryColor')
+          transition: transition($sidebarTransition)
+          border-radius: $height
 
-      &:last-child:not(:first-child)
+        &.active a
-        a
+          theme('background-color', '$activeColor')
-          border-top-left-radius: 0
+          theme('border-color', '$uiBorderColorActive')
-          border-bottom-left-radius: 0
+          theme('color', '$textColorActive')
-
+          transition: transition($sidebarTransition)
-      a
-        padding: 3px 9px
-        cursor: pointer
-        text-decoration: none
-        outline: none
-        theme('background-color', '$uiGrayDark')
-        theme('border', '2px solid $uiBorderColorDark')
-        theme('color', '$textSecondaryColor')
-        transition: transition($sidebarTransition)
-        border-radius: $height
-
-      &.active a
-        theme('background-color', '$activeColor')
-        theme('border-color', '$uiBorderColorActive')
-        theme('color', '$textColorActive')
-        transition: transition($sidebarTransition)
 
   p
   h2