From a45bda0eede006a9fa8a1aee3babd2846abd6cdc Mon Sep 17 00:00:00 2001
From: Dan Briem <dbriem@wlsmail.org>
Date: Wed, 7 Aug 2019 19:13:21 -0400
Subject: [PATCH] LP#1803406 Due date box in check out has display issues at
 wider resolutions

Adjusted bootstrap .col classes so the specific due date input displays the
full date and prevents the barcode input group from collapsing at < 1179px.

Signed-off-by: Dan Briem <dbriem@wlsmail.org>
Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org>
Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>
---
 Open-ILS/src/templates/staff/circ/patron/t_checkout.tt2 | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/Open-ILS/src/templates/staff/circ/patron/t_checkout.tt2 b/Open-ILS/src/templates/staff/circ/patron/t_checkout.tt2
index 016e74b1da..65d56fb8ff 100644
--- a/Open-ILS/src/templates/staff/circ/patron/t_checkout.tt2
+++ b/Open-ILS/src/templates/staff/circ/patron/t_checkout.tt2
@@ -1,7 +1,7 @@
 <!-- item checkout form / list -->
 
 <div class="row pad-vert">
-  <div class="col-md-6">
+  <div class="col-md-8 col-lg-6">
     <form ng-submit="checkout(checkoutArgs)" role="form" class="form-inline">
       <div class="input-group">
 
@@ -30,18 +30,17 @@
           id="patron-checkout-barcode" type="text"/> 
 
         <input class="btn btn-default" type="submit" 
-          ng-disabled="disable_checkout()"
-          value="[% l('Submit') %]"/>
+          ng-class="{disabled : disable_checkout()}" value="[% l('Submit') %]"/>
 
       </div>
     </form>
   </div>
-  <div class="col-md-6">
+  <div class="col-md-4 col-lg-6">
     <div class="flex-row">
       <div class="flex-cell"></div>
 
 <div class="form-group row">
-<div class="col-md-3" uib-dropdown style="width:100px;">
+<div class="col-md-12 col-lg-4" uib-dropdown>
       <button type="button" ng-class="{'btn-success' : date_options.has_sticky_date}" class="btn btn-default" uib-dropdown-toggle>
         [% l('Date Options') %]
         <span class="caret"></span>
@@ -76,11 +75,8 @@
           [% l('Specific Due Date') %]
         </label>
       </div> -->
-
-      <div class="col-md-4" style="width:180px;">
-        <eg-date-input min-date="minDate" out-of-range="outOfRange"
-          ng-model="checkoutArgs.due_date" ng-disabled="!date_options.has_sticky_date" show-time-picker>
-        </eg-date-input>
+      <div class="col-md-12 col-lg-6">
+        <eg-date-input ng-model="checkoutArgs.due_date" ng-disabled="!date_options.has_sticky_date" show-time-picker></eg-date-input>
       </div>
 </div>
     </div>
-- 
2.11.0