<label class="sr-only" for="input-id">label</label>
-->
-<div class="row">
+<div class="row" id="patron-search-form-row">
<div class="col-lg-11">
<form ng-submit="search(args)" id="patron-search-form"
role="form" class="form-horizontal">
</div>
</div>
<div class="row"
- ng-class="{'summary-divider' : !$index}"
+ ng-class="{'patron-summary-divider' : !$index}"
ng-repeat="penalty in patron().standing_penalties()">
<div class="col-lg-9 patron-summary-alert"
title="{{penalty.standing_penalty().name()}}">
</div>
</div>
<div class="row"
- ng-class="{'summary-divider' : patron().standing_penalties().length}">
+ 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>
<div class="col-lg-5">[% l('Expire Date') %]</div>
<div class="col-lg-7">{{patron().expire_date() | date:'shortDate'}}</div>
</div>
- <div class="row summary-divider"
+ <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">
{{patron_stats().holds.total}} / {{patron_stats().holds.ready}}
</div>
</div>
- <div class="row summary-divider">
+ <div class="row patron-summary-divider">
<div class="col-lg-5">[% l('Card') %]</div>
<div class="col-lg-7">{{patron().card().barcode()}}</div>
</div>
/* TODO: move these to patron CSS file --- */
/** style to make a grid look like a striped table */
-#patron-summary-grid div.row {padding: 3px;}
-#patron-summary-grid div.row:nth-child(odd) {background-color: rgb(249, 249, 249);}
+#patron-summary-grid div.row {padding: 3px; border-right: 2px solid rgb(248, 248, 248);}
+#patron-summary-grid div.row:nth-child(odd) {background-color: rgb(248, 248, 248);}
/* there are bootstrap tyles for error, warning, etc.,
but the ones I'm finding aren't quite cutting it..*/
.patron-summary-alert {color: red; font-weight:bold}
-.patron-summary-divider { border-top: 1px solid #DDD}
+.patron-summary-divider { border-top: 1px solid #CCC}
.pad-horiz {padding : 0px 10px 0px 10px; }
.pad-vert {padding : 20px 0px 10px 0px;}
#patron-checkout-barcode { width: 18em; }
}
/* let 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 input:not([type="checkbox"]) { width: 100%; }