From: Dan Briem <dbriem@wlsmail.org>
Date: Wed, 7 Aug 2019 23:13:21 +0000 (-0400)
Subject: LP#1803406 Due date box in check out has display issues at wider resolutions
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=1711f0fe3fbb09f56e2f4befd13de076fc621bb3;p=contrib%2FConifer.git

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>
---

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 c7c6fc54b8..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">
 
@@ -35,12 +35,12 @@
       </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>
+<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>
@@ -75,7 +75,7 @@
           [% l('Specific Due Date') %]
         </label>
       </div> -->
-      <div class="col-md-4">
+      <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>