styling

CityOfNewYork · Mar 30, 2023 · 42b8a6c · 42b8a6c
1 parent a6dfcf6
commit 42b8a6c
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/...yc/assets/styles/site-default-9564af8.css → ...yc/assets/styles/site-default-1366328.css b/...yc/assets/styles/site-default-9564af8.css → ...yc/assets/styles/site-default-1366328.css
diff --git a/wp-content/themes/workingnyc/views/partials/search-form.twig b/wp-content/themes/workingnyc/views/partials/search-form.twig
@@ -1,7 +1,7 @@
 <form class="o-search__form" action="/">
-    <label class="label">Search for work and services</label>
-    <div class="input o-search__input">
-        <input data-js="search__input" tabindex="-1" inputmode="search" name="s" placeholder="Search" value="{{ s }}"></input>
+    <label class="label pb-1">{{__('Search for work or services', 'WNYC')}}</label>
+    <div class="input o-search__input rounded">
+        <input class="rounded" data-js="search__input" tabindex="-1" inputmode="search" name="s" placeholder="Search" value="{{ s }}"></input>
         <button type="submit" tabindex="-1" class="o-search__submit">
             <svg class="icon-ui">
                 <title>{{__('Submit', 'WNYC')}}</title>

diff --git a/wp-content/themes/workingnyc/views/partials/search-overlay.twig b/wp-content/themes/workingnyc/views/partials/search-overlay.twig
@@ -1,9 +1,11 @@
-<div class="o-search absolute z-10 hidden" aria-hidden="false" class="active" id="aria-c-search">
+<div class="o-search bg-scale-4 absolute z-10 hidden" aria-hidden="false" class="active" id="aria-c-search">
   <button class="o-search__close float-right" data-js="search" tabindex="-1" aria-controls="aria-c-search" data-dialog="close" aria-expanded="true">
     <svg class="icon-ui">
       <title>{{__('Close search', 'WNYC')}}</title>
       <use href="#lucide-x"></use>
     </svg>
   </button>
-  {% include 'partials/search-form.twig' %}
+  <div class="py-2 tablet:py-8 desktop:px-6">
+    {% include 'partials/search-form.twig' %}
+  </div>
 </div>