LP#1839369: (follow-up) tweak button and styles
authorGalen Charlton <gmc@equinoxinitiative.org>
Mon, 3 Aug 2020 21:14:12 +0000 (17:14 -0400)
committerJane Sandberg <sandbej@linnbenton.edu>
Fri, 7 Aug 2020 03:07:53 +0000 (20:07 -0700)
- Change the button text from "Search" to "Search Catalog"
- adjust the styling on the AngularJS side to cuddle the
  button with the search input
- standardize the placeholder text as "Search for..."

Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>
Signed-off-by: Jane Sandberg <sandbej@linnbenton.edu>
Open-ILS/src/eg2/src/app/staff/splash.component.html
Open-ILS/src/templates/staff/t_splash.tt2

index fb6b909..450a3e5 100644 (file)
@@ -78,7 +78,7 @@
                 <span class="input-group-btn">
                   <button class="btn btn-outline-secondary" 
                     (click)="searchCatalog()" type="button" i18n>
-                    Search
+                    Search Catalog
                   </button>
                 </span>
                   <!--
index 0e5944a..598f9ff 100644 (file)
           <h2 class="panel-title text-center">[% l('Item Search and Cataloging') %]</h2>
         </div>
         <div class="panel-body">
-          <div class="row">
-            <div class="col-md-8">
+          <div>
+            <div class="input-group">
                 <input focus-me="focus_search" 
-                    aria-label="[% l('Search catalog for...') %]"
+                    aria-label="[% l('Search for...') %]"
                     class="form-control" ng-model="cat_query" type="text" 
                     ng-keypress="catalog_search($event)"
-                    placeholder="[% l('Search catalog for...') %]"/>
-            </div>
-            <div class="col-md-4">
-                <button class='btn btn-default' ng-click="catalog_search()">
-                    [% l('Search') %]
-                </button>
+                    placeholder="[% l('Search for...') %]"/>
+                <span class="input-group-btn">
+                    <button class='btn btn-default' ng-click="catalog_search()">
+                        [% l('Search Catalog') %]
+                    </button>
+                </span>
             </div>
           </div>
           <div>