web staff : lower breakpoint size of CSS grids
authorBill Erickson <berick@esilibrary.com>
Tue, 17 Dec 2013 15:47:25 +0000 (10:47 -0500)
committerBill Erickson <berick@esilibrary.com>
Tue, 17 Dec 2013 15:47:25 +0000 (10:47 -0500)
Replace use of col-lg-* with col-md-*.  This prevents the UI from
switching into "mobile" layout too aggressively.  We may even want
to consider col-sm-* instead, since col-xs is still available for the
smallest screens (phones, etc.).

Signed-off-by: Bill Erickson <berick@esilibrary.com>
20 files changed:
Open-ILS/src/templates/staff/cat/bucket/record/t_pending.tt2
Open-ILS/src/templates/staff/cat/bucket/record/t_search.tt2
Open-ILS/src/templates/staff/cat/bucket/record/t_view.tt2
Open-ILS/src/templates/staff/circ/checkin/index.tt2
Open-ILS/src/templates/staff/circ/checkin/t_checkin_table.tt2
Open-ILS/src/templates/staff/circ/patron/index.tt2
Open-ILS/src/templates/staff/circ/patron/t_bills.tt2
Open-ILS/src/templates/staff/circ/patron/t_checkout.tt2
Open-ILS/src/templates/staff/circ/patron/t_checkout_table.tt2
Open-ILS/src/templates/staff/circ/patron/t_edit.tt2
Open-ILS/src/templates/staff/circ/patron/t_holds.tt2
Open-ILS/src/templates/staff/circ/patron/t_holds_table.tt2
Open-ILS/src/templates/staff/circ/patron/t_items_out.tt2
Open-ILS/src/templates/staff/circ/patron/t_items_out_table.tt2
Open-ILS/src/templates/staff/circ/patron/t_messages.tt2
Open-ILS/src/templates/staff/circ/patron/t_search.tt2
Open-ILS/src/templates/staff/circ/patron/t_summary.tt2
Open-ILS/src/templates/staff/css/circ/patron.css.tt2
Open-ILS/src/templates/staff/t_login.tt2
Open-ILS/src/templates/staff/t_splash.tt2

index 27e6af2..94a444d 100644 (file)
@@ -1,11 +1,11 @@
 <br/>
 
 <div class="row">
-  <div class="col-lg-6">
+  <div class="col-md-6">
     [% INCLUDE 'staff/cat/bucket/record/t_bucket_info.tt2' %]
   </div>
 
-  <div class="col-lg-6 text-right">
+  <div class="col-md-6 text-right">
     [% INCLUDE 'staff/cat/bucket/record/t_bucket_selector.tt2' %]
 
     <div class="btn-group text-left">
@@ -79,7 +79,7 @@
 <br/>
 
 <div class="row">
-  <div class="col-lg-12">
+  <div class="col-md-12">
 
     <table class="list table table-hover _table-striped table-condensed"
       ng-show="pageList.count()"
index f065ddb..a72c9d3 100644 (file)
@@ -2,11 +2,11 @@
 <br/>
 
 <div class="row">
-  <div class="col-lg-6">
+  <div class="col-md-6">
     [% INCLUDE 'staff/cat/bucket/record/t_bucket_info.tt2' %]
   </div>
 
-  <div class="col-lg-6 text-right">
+  <div class="col-md-6 text-right">
     [% INCLUDE 'staff/cat/bucket/record/t_bucket_selector.tt2' %]
 
     <div class="btn-group text-left">
@@ -83,7 +83,7 @@
 
 <br/>
 <div class="row">
-  <div class="col-lg-6">
+  <div class="col-md-6">
     <form ng-submit="search()">
       <div class="input-group">
         <span class="input-group-addon">[% l('Record Query') %]</span>
@@ -96,7 +96,7 @@
 
 <br/>
 <div class="row" ng-show="searchInProgress">
-  <div class="col-lg-6">
+  <div class="col-md-6">
     <div class="progress progress-striped active">
         <div class="progress-bar"  role="progressbar" aria-valuenow="100" 
               aria-valuemin="0" aria-valuemax="100" style="width: 100%">
 
 
 <div class="row">
-  <div class="col-lg-12">
+  <div class="col-md-12">
 
     <table class="list table table-hover _table-striped table-condensed"
       ng-show="pageList.count()"
index f633f32..9885b70 100644 (file)
@@ -1,11 +1,11 @@
 <br/>
 
 <div class="row">
-  <div class="col-lg-6">
+  <div class="col-md-6">
     [% INCLUDE 'staff/cat/bucket/record/t_bucket_info.tt2' %]
   </div>
 
-  <div class="col-lg-6 text-right">
+  <div class="col-md-6 text-right">
     [% INCLUDE 'staff/cat/bucket/record/t_bucket_selector.tt2' %]
 
     <!-- TODO: paging and actions drop-downs can be extracted out and shared -->
 <br/>
 <div class="row">
 
-  <div class="col-lg-10 col-lg-offset-1" ng-show="forbidden">
+  <div class="col-md-10 col-md-offset-1" ng-show="forbidden">
     <div class="alert alert-warning">
       [% l('The selected bucket "{{bucketId}}" is not visible to this login.') %]
     </div>
   </div>
 
-  <div class="col-lg-12">
+  <div class="col-md-12">
     <table class="list table table-hover table-condensed" ng-show="pageList.count()"
       ng-init="pageList.defaultColumns([
         'id', 'author', 'isbn', 'issn', 'pubdate', 
index 72d7b2f..a4f6b55 100644 (file)
@@ -23,7 +23,7 @@ COPY_ALERT_MSG_DIALOG_TITLE :
 
 <!-- checkin form -->
 <div class="row pad-vert">
-  <div class="col-lg-4">
+  <div class="col-md-4">
       <form ng-submit="checkin(checkinArgs)" role="form" class="form-inline">
         <div class="input-group">
           <label class="input-group-addon" 
@@ -42,7 +42,7 @@ COPY_ALERT_MSG_DIALOG_TITLE :
         </div>
       </form>
   </div>
-  <div class="col-lg-2 col-lg-offset-6 text-right">
+  <div class="col-md-2 col-md-offset-6 text-right">
     <div class="btn-group text-left">
       [% INCLUDE 'staff/parts/column_picker.tt2' listname='checkins' %]
     </div>
index d214a27..11fa277 100644 (file)
@@ -25,7 +25,7 @@ checkins.setColumns([
 </div>
 
 <div class="row pad-vert" ng-cloak>
-  <div class="col-lg-12">
+  <div class="col-md-12">
     <table class="table table-hover table-condensed table-striped">
       <thead>
         <tr>
index 7e09bef..076ba8e 100644 (file)
 [% END %]
 
 <div class="row">
-  <div class="col-lg-3">
+  <div class="col-md-3">
     [% INCLUDE 'staff/circ/patron/t_summary.tt2' %]
   </div>
-  <div class="col-lg-9">
+  <div class="col-md-9">
     <ul class="nav nav-tabs">
       <li ng-class="{active : tab == 'checkout', disabled : !patron()}">
         <a href="./circ/patron/{{patron().id()}}/checkout">[% l('Checkout') %]</a>
index 9116a04..d4e10ae 100644 (file)
@@ -1,5 +1,5 @@
 <div class="row pad-vert">
-  <div class="col-lg-10 col-lg-offset-1">
+  <div class="col-md-10 col-md-offset-1">
     <div class="alert alert-warning">[% l('BILLS Development Pending') %]</div>
   </div>
 </div>
index a11700f..b241ff9 100644 (file)
@@ -1,7 +1,7 @@
 <!-- item checkout form / list -->
 
 <div class="row pad-vert">
-  <div class="col-lg-6">
+  <div class="col-md-6">
     <form ng-submit="checkout(checkoutArgs)" role="form" class="form-inline">
       <div class="input-group">
 
@@ -33,7 +33,7 @@
     </form>
   </div>
 
-  <div class="col-lg-1 col-lg-offset-5 text-right">
+  <div class="col-md-1 col-md-offset-5 text-right">
     <div class="btn-group text-left">
       [% INCLUDE 'staff/parts/column_picker.tt2' listname='checkouts' %]
     </div>
index 8c87d27..7d718c2 100644 (file)
@@ -26,7 +26,7 @@ checkouts.setColumns([
 </div>
 
 <div class="row pad-vert">
-  <div class="col-lg-12">
+  <div class="col-md-12">
     <table class="table table-hover table-condensed table-striped">
       <thead>
         <tr>
index fe86627..02e2e0a 100644 (file)
@@ -1,5 +1,5 @@
 <div class="row pad-vert">
-  <div class="col-lg-10 col-lg-offset-1">
+  <div class="col-md-10 col-md-offset-1">
     <div class="alert alert-warning">[% l('EDIT Development Pending') %]</div>
   </div>
 </div>
index 5e0131c..cff9262 100644 (file)
@@ -1,7 +1,7 @@
 <!-- patron holds list -->
 
 <div class="row pad-vert">
-  <div class="col-lg-12 text-right">
+  <div class="col-md-12 text-right">
     [% INCLUDE 'staff/circ/patron/t_holds_actions.tt2' %]
   </div>
 </div>
index 04f6060..0d99f2f 100644 (file)
@@ -25,13 +25,13 @@ holds.addColumnsForClass('ahr', 'hold');
 
 
 <div class="row" ng-show="!loading && !holds.count()">
-  <div class="col-lg-10 col-lg-offset-1">
+  <div class="col-md-10 col-md-offset-1">
     <div class="alert alert-info">[% l('No Holds To Display') %]</div>
   </div>
 </div>
 
 <div class="row" ng-show="holds.count()">
-  <div class="col-lg-12">
+  <div class="col-md-12">
     <table class="list table table-hover table-condensed">
       <thead>
         <tr>
index c9c2040..1e3e066 100644 (file)
@@ -1,7 +1,7 @@
 <!-- items out list -->
 
 <div class="row pad-vert">
-  <div class="col-lg-12 text-right">
+  <div class="col-md-12 text-right">
     [% INCLUDE 'staff/circ/patron/t_items_out_actions.tt2' %]
   </div>
 </div>
index 0ce556f..a62d91b 100644 (file)
@@ -23,13 +23,13 @@ items_out.setColumns([
 </div>
 
 <div class="row" ng-show="!loading && !items_out.count()">
-  <div class="col-lg-10 col-lg-offset-1">
+  <div class="col-md-10 col-md-offset-1">
     <div class="alert alert-info">[% l('No Items To Display') %]</div>
   </div>
 </div>
 
 <div class="row" ng-show="items_out.count()">
-  <div class="col-lg-12">
+  <div class="col-md-12">
     <table class="list table table-hover table-condensed">
       <thead>
         <tr>
index 9996528..6eedce0 100644 (file)
@@ -1,5 +1,5 @@
 <div class="row pad-vert">
-  <div class="col-lg-10 col-lg-offset-1">
+  <div class="col-md-10 col-md-offset-1">
     <div class="alert alert-warning">[% l('MESSAGES Development Pending') %]</div>
   </div>
 </div>
index ea89260..601af0d 100644 (file)
@@ -6,36 +6,36 @@
 -->
 
 <div class="row" id="patron-search-form-row">
-  <div class="col-lg-11">
+  <div class="col-md-11">
     <form ng-submit="search(args)" id="patron-search-form" 
         role="form" class="form-horizontal">
 
       <div class="form-group">
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <input type="text" class="form-control" ng-model="args.card" 
             placeholder="[% l('Barcode') %]" focus-me="focusMe"/><!--"vim-->
         </div>
 
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <input type="text" class="form-control" 
             ng-model="args.family_name" placeholder="[% l('Last Name') %]"/>
         </div>
 
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <input type="text" class="form-control" 
             ng-model="args.first_given_name" placeholder="[% l('First Name') %]"/>
         </div>
 
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <input type="submit" class="btn btn-default" value="[% l('Search') %]"/>
         </div>
 
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <input type="reset" class="btn btn-default" ng-click="args={}" 
             value="[% l('Clear Form') %]"/>
         </div>
 
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <button class="btn btn-default" ng-click="applyShowExtras($event, true)" 
             title="[% l('Show More Fields') %]" ng-show="!showExtras">
             <span class="glyphicon glyphicon-circle-arrow-down"></span>
       </div>
 
       <div class="form-group" ng-show="showExtras">
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <input type="text" class="form-control" 
             ng-model="args.second_given_name" placeholder="[% l('Middle Name') %]"/>
         </div>
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <input type="text" class="form-control" 
             ng-model="args.alias" placeholder="[% l('Alias') %]"/>
         </div>
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <input type="text" class="form-control" 
             ng-model="args.usrname" placeholder="[% l('Username') %]"/>
         </div>
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <input type="text" class="form-control" 
             ng-model="args.email" placeholder="[% l('Email') %]"/>
         </div>
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <input type="text" class="form-control" 
             ng-model="args.ident" placeholder="[% l('Identification') %]"/>
         </div>
       </div>
 
       <div class="form-group" ng-show="showExtras">
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <input type="text" class="form-control" 
             ng-model="args.id" placeholder="[% l('Database ID') %]"/>
         </div>
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <input type="text" class="form-control" 
             ng-model="args.phone" placeholder="[% l('Phone') %]"/>
         </div>
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <input type="text" class="form-control" 
             ng-model="args.street1" placeholder="[% l('Street 1') %]"/>
         </div>
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <input type="text" class="form-control" 
             ng-model="args.street2" placeholder="[% l('Street 2') %]"/>
         </div>
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <input type="text" class="form-control" 
             ng-model="args.city" placeholder="[% l('City') %]"/>
         </div>
       </div>
 
       <div class="form-group" ng-show="showExtras">
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <input type="text" class="form-control" ng-model="args.state" 
             placeholder="[% l('State') %]" title="[% l('State') %]"/>
         </div>
 
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <input type="text" class="form-control" ng-model="args.post_code" 
             placeholder="[% l('Post Code') %]" title="[% l('Post Code') %]"/>
         </div>
 
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <input type="text" class="form-control"  
             placeholder="[% l('Profile Group') %]"
             ng-model="args.profile"
             typeahead-editable="false" />
         </div>
 
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <input type="text" class="form-control" 
             placeholder="[% l('Home Library') %]"
             ng-model="args.home_ou"
             typeahead-editable="false" />
         </div>
 
-        <div class="col-lg-2">
+        <div class="col-md-2">
           <div class="checkbox">
             <label>
               <input type="checkbox" ng-model="args.inactive"/>
       </div>
     </form>
   </div>
-  <div class="col-lg-1 text-right">
+  <div class="col-md-1 text-right">
     [% INCLUDE 'staff/circ/patron/t_search_actions.tt2' %]
   </div>
 </div>
 
 <br/>
 <div class="row">
-  <div class="col-lg-12">
+  <div class="col-md-12">
     <div class="alert alert-info alert-dismissable" 
       ng-hide="tips.dismissed('circ.patron.search')">
       <button type="button" class="close" data-dismiss="alert" aria-hidden="true" 
index 6031abf..4da37ae 100644 (file)
@@ -1,13 +1,13 @@
 
 <div ng-cloak ng-controller="PatronSummaryCtrl">
   <div class="row" ng-show="!patron()">
-    <div class="col-lg-12">
+    <div class="col-md-12">
       <i>[% l('Patron Summary') %]</i>
     </div>
   </div>
   <div ng-show="patron()" id="patron-summary-grid">
     <div class="row">
-      <div class="col-lg-12">
+      <div class="col-md-12">
         <h4 title="{{patron().id()}}">
 [% l('{{patron().first_given_name()}} {{patron().second_given_name()}} {{patron().family_name()}}') %]
         </h4>
     <div class="row" 
       ng-class="{'patron-summary-divider' : !$index}"
       ng-repeat="penalty in patron().standing_penalties()">
-      <div class="col-lg-9 patron-summary-alert"
+      <div class="col-md-9 patron-summary-alert"
         title="{{penalty.standing_penalty().name()}}">
         {{penalty.note() || penalty.standing_penalty().label()}}
       </div>
-      <div class="col-lg-3">
+      <div class="col-md-3">
         {{penalty.set_date() | date:'shortDate'}}
       </div>
     </div>
     <div class="row" 
       ng-class="{'patron-summary-divider' : patron().standing_penalties().length}">
-      <div class="col-lg-5">[% l('Profile') %]</div>
-      <div class="col-lg-7">{{patron().profile().name()}}</div>
+      <div class="col-md-5">[% l('Profile') %]</div>
+      <div class="col-md-7">{{patron().profile().name()}}</div>
     </div>
     <div class="row">
-      <div class="col-lg-5">[% l('Home Library') %]</div>
-      <div class="col-lg-7">{{patron().home_ou().shortname()}}</div>
+      <div class="col-md-5">[% l('Home Library') %]</div>
+      <div class="col-md-7">{{patron().home_ou().shortname()}}</div>
     </div>
     <div class="row">
-      <div class="col-lg-5">[% l('Net Access') %]</div>
-      <div class="col-lg-7">{{patron().net_access_level().name()}}</div>
+      <div class="col-md-5">[% l('Net Access') %]</div>
+      <div class="col-md-7">{{patron().net_access_level().name()}}</div>
     </div>
     <div class="row">
-      <div class="col-lg-5">[% l('Last Activity') %]</div>
-      <div class="col-lg-7">{{patron().usr_activity()[0].event_time() | date:'shortDate'}}</div>
+      <div class="col-md-5">[% l('Last Activity') %]</div>
+      <div class="col-md-7">{{patron().usr_activity()[0].event_time() | date:'shortDate'}}</div>
     </div>
     <div class="row">
-      <div class="col-lg-5">[% l('Last Updated') %]</div>
-      <div class="col-lg-7">{{patron().last_update_time() | date:'shortDate'}}</div>
+      <div class="col-md-5">[% l('Last Updated') %]</div>
+      <div class="col-md-7">{{patron().last_update_time() | date:'shortDate'}}</div>
     </div>
     <div class="row">
-      <div class="col-lg-5">[% l('Create Date') %]</div>
-      <div class="col-lg-7">{{patron().create_date() | date:'shortDate'}}</div>
+      <div class="col-md-5">[% l('Create Date') %]</div>
+      <div class="col-md-7">{{patron().create_date() | date:'shortDate'}}</div>
     </div>
     <div class="row">
-      <div class="col-lg-5">[% l('Expire Date') %]</div>
-      <div class="col-lg-7">{{patron().expire_date() | date:'shortDate'}}</div>
+      <div class="col-md-5">[% l('Expire Date') %]</div>
+      <div class="col-md-7">{{patron().expire_date() | date:'shortDate'}}</div>
     </div>
     <div class="row patron-summary-divider" 
       ng-class="{'patron-summary-alert' : patron_stats().fines.balance_owed}">
-      <div class="col-lg-5">[% l('Fines Owed') %]</div>
-      <div class="col-lg-7">
+      <div class="col-md-5">[% l('Fines Owed') %]</div>
+      <div class="col-md-7">
         {{patron_stats().fines.balance_owed | currency}}
       </div>
     </div>
     <div class="row">
-      <div class="col-lg-5">[% l('Items Out') %]</div>
-      <div class="col-lg-7">{{patron_stats().checkouts.out}}</div>
+      <div class="col-md-5">[% l('Items Out') %]</div>
+      <div class="col-md-7">{{patron_stats().checkouts.out}}</div>
     </div>
     <div class="row" 
       ng-class="{'patron-summary-alert' : patron_stats().checkouts.overdue}">
-      <div class="col-lg-5">[% l('Overdue') %]</div>
-      <div class="col-lg-7">{{patron_stats().checkouts.overdue}}</div>
+      <div class="col-md-5">[% l('Overdue') %]</div>
+      <div class="col-md-7">{{patron_stats().checkouts.overdue}}</div>
     </div>
     <div class="row" 
       ng-class="{'patron-summary-alert' : patron_stats().checkouts.long_overdue}">
-      <div class="col-lg-5">[% l('Long Overdue') %]</div>
-      <div class="col-lg-7">{{patron_stats().checkouts.long_overdue}}</div>
+      <div class="col-md-5">[% l('Long Overdue') %]</div>
+      <div class="col-md-7">{{patron_stats().checkouts.long_overdue}}</div>
     </div>
     <div class="row" 
       ng-class="{'patron-summary-alert' : patron_stats().checkouts.claims_returned}">
-      <div class="col-lg-5">[% l('Claimed Returned') %]</div>
-      <div class="col-lg-7">{{patron_stats().checkouts.claims_returned}}</div>
+      <div class="col-md-5">[% l('Claimed Returned') %]</div>
+      <div class="col-md-7">{{patron_stats().checkouts.claims_returned}}</div>
     </div>
     <div class="row" 
       ng-class="{'patron-summary-alert' : patron_stats().checkouts.lost}">
-      <div class="col-lg-5">[% l('Lost') %]</div>
-      <div class="col-lg-7">{{patron_stats().checkouts.lost}}</div>
+      <div class="col-md-5">[% l('Lost') %]</div>
+      <div class="col-md-7">{{patron_stats().checkouts.lost}}</div>
     </div>
     <div class="row">
-      <div class="col-lg-5">[% l('Holds') %]</div>
-      <div class="col-lg-7">
+      <div class="col-md-5">[% l('Holds') %]</div>
+      <div class="col-md-7">
         {{patron_stats().holds.total}} / {{patron_stats().holds.ready}}
       </div>
     </div>
     <div class="row patron-summary-divider">
-      <div class="col-lg-5">[% l('Card') %]</div>
-      <div class="col-lg-7">{{patron().card().barcode()}}</div>
+      <div class="col-md-5">[% l('Card') %]</div>
+      <div class="col-md-7">{{patron().card().barcode()}}</div>
     </div>
     <div class="row">
-      <div class="col-lg-5">[% l('Username') %]</div>
-      <div class="col-lg-7">{{patron().usrname()}}</div>
+      <div class="col-md-5">[% l('Username') %]</div>
+      <div class="col-md-7">{{patron().usrname()}}</div>
     </div>
     <div class="row">
-      <div class="col-lg-5">[% l('Day Phone') %]</div>
-      <div class="col-lg-7">{{patron().day_phone()}}</div>
+      <div class="col-md-5">[% l('Day Phone') %]</div>
+      <div class="col-md-7">{{patron().day_phone()}}</div>
     </div>
     <div class="row">
-      <div class="col-lg-5">[% l('Evening Phone') %]</div>
-      <div class="col-lg-7">{{patron().evening_phone()}}</div>
+      <div class="col-md-5">[% l('Evening Phone') %]</div>
+      <div class="col-md-7">{{patron().evening_phone()}}</div>
     </div>
     <div class="row">
-      <div class="col-lg-5">[% l('Other Phone') %]</div>
-      <div class="col-lg-7">{{patron().other_phone()}}</div>
+      <div class="col-md-5">[% l('Other Phone') %]</div>
+      <div class="col-md-7">{{patron().other_phone()}}</div>
     </div>
     <div class="row">
-      <div class="col-lg-5">[% l('ID1') %]</div>
-      <div class="col-lg-7">{{patron().ident_type().name()}}</div>
+      <div class="col-md-5">[% l('ID1') %]</div>
+      <div class="col-md-7">{{patron().ident_type().name()}}</div>
     </div>
     <div class="row">
-      <div class="col-lg-5">[% l('ID2') %]</div>
-      <div class="col-lg-7">{{patron().ident_type2().name()}}</div>
+      <div class="col-md-5">[% l('ID2') %]</div>
+      <div class="col-md-7">{{patron().ident_type2().name()}}</div>
     </div>
     <div class="row">
-      <div class="col-lg-5">[% l('Email') %]</div>
-      <div class="col-lg-7">{{patron().email()}}</div>
+      <div class="col-md-5">[% l('Email') %]</div>
+      <div class="col-md-7">{{patron().email()}}</div>
     </div>
 
   </div>
index f6a98f8..a599dce 100644 (file)
@@ -15,6 +15,6 @@ but the ones I'm finding aren't quite cutting it..*/
 
 /* let search form elements fill their containers w/ slight padding */
 #patron-search-form-row {margin-left: 0px;}
-#patron-search-form div.col-lg-2 { padding: 2px; }
+#patron-search-form div.col-md-2 { padding: 2px; }
 #patron-search-form input:not([type="checkbox"]) { width: 100%; }
 
index 506e3eb..a363dfe 100644 (file)
@@ -1,7 +1,7 @@
 <div class="container">
   <div class="row">
-    <div class="col-lg-3"></div><!-- offset? -->
-      <div class="col-lg-6">
+    <div class="col-md-3"></div><!-- offset? -->
+      <div class="col-md-6">
         <fieldset>
           <legend>[% l('Sign In') %]</legend>
           <!-- 
@@ -13,8 +13,8 @@
           -->
           <form ng-submit="login(args)">
             <div class="form-group row">
-              <label class="col-lg-4 control-label" for="login-username">[% l('Username') %]</label>
-              <div class="col-lg-8">
+              <label class="col-md-4 control-label" for="login-username">[% l('Username') %]</label>
+              <div class="col-md-8">
                 <input type="text" id="login-username" class="form-control" 
                   focus-me="focusMe" select-me="focusMe"
                   placeholder="Username" ng-model="args.username"/>
             </div>
 
             <div class="form-group row">
-              <label class="col-lg-4 control-label" for="login-password">[% l('Password') %]</label>
-              <div class="col-lg-8">
+              <label class="col-md-4 control-label" for="login-password">[% l('Password') %]</label>
+              <div class="col-md-8">
                 <input type="password" id="login-password" class="form-control"
                   placeholder="Password" ng-model="args.password"/>
               </div>
             </div>
 
             <div class="form-group row">
-              <label class="col-lg-4 control-label" for="login-workstation">[% l('Workstation') %]</label>
-              <div class="col-lg-8">
+              <label class="col-md-4 control-label" for="login-workstation">[% l('Workstation') %]</label>
+              <div class="col-md-8">
                 <input type="text" id="login-workstation" class="form-control"
                   placeHolder="Optional.  Also try ?ws=<name>"
                   ng-model="args.workstation"/>
@@ -39,7 +39,7 @@
             </div>
 
             <div class="form-group row">
-              <div class="col-lg-12">
+              <div class="col-md-12">
                 <button type="submit" class="btn">[% l('Sign in') %]</button>
                 <span ng-show="loginFailed">[% l('Login Failed') %]</span>
               </div>
@@ -47,6 +47,6 @@
           </form>
         </fieldset>
       </div>
-    <div class="col-lg-3"></div><!-- offset? -->
+    <div class="col-md-3"></div><!-- offset? -->
   </div>
 </div>
index 4c8b4c6..cc8e5cf 100644 (file)
@@ -1,13 +1,13 @@
 <div class="container">
   <div class="row">
-    <div class="col-lg-12 text-center">
+    <div class="col-md-12 text-center">
       <img src="/xul/server/skin/media/images/portal/logo.png"/>
     </div>
   </div>
   <br/>
   <div class="row" id="splash-nav">
 
-    <div class="col-lg-4">
+    <div class="col-md-4">
       <div class="panel panel-success">
         <div class="panel-heading">
           <div class="panel-title text-center">[% l('Circulation and Patrons') %]</div>
@@ -25,7 +25,7 @@
       </div>
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-md-4">
       <div class="panel panel-success">
         <div class="panel-heading">
           <div class="panel-title text-center">[% l('Item Search and Cataloging') %]</div>
@@ -39,7 +39,7 @@
       </div>
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-md-4">
       <div class="panel panel-success">
         <div class="panel-heading">
           <div class="panel-title text-center">[% l('Administration') %]</div>