From 37a0e2e750df2a3c28ec42ba3e86eacc621e159b Mon Sep 17 00:00:00 2001
From: Aditya Patel <heyadityapatel@gmail.com>
Date: Fri, 17 Jan 2025 02:53:48 +0530
Subject: [PATCH] fix some styling

---
 src/theme/variables.css | 4 ++--
 src/views/Closed.vue    | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/theme/variables.css b/src/theme/variables.css
index c1fc6fb9..4adccb31 100644
--- 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
index b54e640b..981c5027 100644
--- 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>