webstaff: tweak Phys Char Wizard layout
authorGalen Charlton <gmc@esilibrary.com>
Thu, 10 Sep 2015 15:01:42 +0000 (15:01 +0000)
committerJason Stephenson <jstephenson@mvlc.org>
Mon, 14 Sep 2015 19:44:22 +0000 (15:44 -0400)
Ensure that if a drop-down is particularly wide, it
can no longer overlap with the previous/next buttons.

Signed-off-by: Galen Charlton <gmc@esilibrary.com>
Signed-off-by: Jason Stephenson <jstephenson@mvlc.org>
Open-ILS/src/templates/staff/cat/share/t_physchar_wizard.tt2

index f8d67d3..2b86979 100644 (file)
@@ -26,7 +26,7 @@
     </div>
     <div ng-if="step != 0">
       <div class="col-md-4">{{label_for_step}}</div>
-      <div class="col-md-4">
+      <div class="col-md-6">
         <div class="btn-group" dropdown>
           <button type="button" class="btn btn-default dropdown-toggle">
            <span style="padding-right: 5px;" ng-if="selected_option">{{selected_option.label()}}</span>
         </div>
       </div>
     </div>
-    <div class="col-md-2">
+  </div>
+  <div class="row">
+    <div class="col-md-4 pull-right">
       <button class="btn btn-default" ng-click="prev_step()" 
         ng-class="{disabled : !step}">[% l('Previous') %]</button>
-    </div>
-    <div class="col-md-2">
       <button class="btn btn-default" ng-click="next_step()"
         ng-class="{disabled : is_last_step()}">[% l('Next') %]</button>
     </div>