add media queries to form; center form on small screens

This commit is contained in:
Mark Eaton
2021-02-26 20:16:18 -05:00
parent a05b42da38
commit fa58bd97a8
2 changed files with 27 additions and 4 deletions
@@ -223,7 +223,7 @@
<a class="searchmenu" onclick="customizeSearch('Everything')">
<div class="col-xs-12">
<strong>Everything</strong>
<p class="faux-card">Search for all using OneSearch</p>
<p class="faux-card">Search for all items using OneSearch</p>
</div>
</a>
<a href="https://kbcc.cuny.libguides.com/az.php" class="searchmenu" onclick="customizeSearch('Databases')">
@@ -256,8 +256,8 @@
</ul>
</div>
<label class="sr-only" for="primoQueryTemp">Search terms</label>
<div class="input-group zero-margin">
<input type="text" class="form-control" name="queryTemp" id="primoQueryTemp" type="search" value="" placeholder="Enter search term here">
<div class="input-group zero-margin form-width">
<input type="text" class="form-control form-width" name="queryTemp" id="primoQueryTemp" type="search" value="" placeholder="Enter search term here">
</div>
<div class="input-group zero-margin">
<input type="submit" class="btn btn-default form-control" value="Search" type="submit" onclick="addPrimoQuery();" />