tweak formatting of buttons on staged tab

* assign different styles
* make them vertical to avoid the second button
  being hidden behind an ellipsis at certain
  viewport widths

Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>

diff --git a/Open-ILS/src/templates/staff/circ/curbside/t_staged_manager.tt2 b/Open-ILS/src/templates/staff/circ/curbside/t_staged_manager.tt2
index 4fa0796..92466be 100644 (file)
--- a/Open-ILS/src/templates/staff/circ/curbside/t_staged_manager.tt2
+++ b/Open-ILS/src/templates/staff/circ/curbside/t_staged_manager.tt2
@@ -21,16 +21,24 @@
     </eg-grid-field>
     <eg-grid-field label="[% l('Appointment ID') %]" path="slot.id"></eg-grid-field>
     <eg-grid-field label="[% l('Action') %]" handlers="gridCellHandlers" compiled>
-      <button class="btn btn-sm btn-primary"
-        ng-disabled="col.handlers.wasHandled(item['slot_id'])"
-        ng-click="col.handlers.mark_arrived(item['slot_id'])">
-        [% l('Mark As Patron Arrived') %]
-      </button>
-      <button class="btn btn-sm btn-primary"
-        ng-disabled="col.handlers.wasHandled(item['slot_id'])"
-        ng-click="col.handlers.mark_delivered(item['slot_id'])">
-        [% l('Check Out Items And Mark As Delivered') %]
-      </button>
+      <div class="row">
+        <div class="col-xs-12">
+          <button class="btn btn-sm btn-primary"
+            ng-disabled="col.handlers.wasHandled(item['slot_id'])"
+            ng-click="col.handlers.mark_arrived(item['slot_id'])">
+            [% l('Mark As Patron Arrived') %]
+          </button>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-xs-12">
+          <button class="btn btn-sm btn-success"
+            ng-disabled="col.handlers.wasHandled(item['slot_id'])"
+            ng-click="col.handlers.mark_delivered(item['slot_id'])">
+            [% l('Check Out Items And Mark As Delivered') %]
+          </button>
+        </div>
+      </div>
     </eg-grid-field>
   </eg-grid>
 </div>