fix some styling

hotwax · Jan 16, 2025 · 37a0e2e · 37a0e2e
1 parent 7902c71
commit 37a0e2e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/theme/variables.css b/src/theme/variables.css
@@ -240,10 +240,10 @@ http://ionicframework.com/docs/theming/ */
 
 @media (min-width: 991px) {
   .list-item {
-    padding: var(--spacer-sm) 0;
+    padding-block: var(--spacer-sm);
   }
 
-  ion-searchbar.searchbar {
+  .searchbar {
     padding-top: var(--spacer-base);
     padding-inline: var(--spacer-sm)
   }

diff --git a/src/views/Closed.vue b/src/views/Closed.vue
@@ -14,12 +14,12 @@
     </ion-header>
 
     <ion-content ref="contentRef" :scroll-events="true" @ionScroll="enableScrolling()" id="filter">
-      <ion-searchbar class="searchbar" v-model="query.queryString" @keyup.enter="updateQueryString('queryString', $event.target.value)" />
       <p v-if="!cycleCounts.length" class="empty-state">
         {{ translate("No cycle counts found") }}
       </p>
       <template v-else>
-        <div class="header">
+        <div class="header searchbar">
+          <ion-searchbar v-model="query.queryString" @keyup.enter="updateQueryString('queryString', $event.target.value)" />
           <ion-item lines="full">
             <ion-icon slot="start" :icon="listOutline"/>
             <ion-label>{{ translate("Counts closed") }}</ion-label>