From e6669fbb9e8dcb131b9f1797d472abc701988a2c Mon Sep 17 00:00:00 2001
From: Nelson Chan <chakflying@hotmail.com>
Date: Thu, 9 Sep 2021 10:31:46 +0800
Subject: [PATCH] Fix: Improve searchbar padding on mobile

---
 src/components/MonitorList.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/MonitorList.vue b/src/components/MonitorList.vue
index 4dbf84af2..cc76b85f7 100644
--- a/src/components/MonitorList.vue
+++ b/src/components/MonitorList.vue
@@ -131,7 +131,7 @@ export default {
     border-radius: 10px 10px 0 0;
     margin: -10px;
     margin-bottom: 10px;
-    padding: 15px;
+    padding: 10px;
     display: flex;
     justify-content: space-between;
 
@@ -141,6 +141,14 @@ export default {
     }
 }
 
+@media (max-width: 770px) {
+    .list-header {
+        margin: -20px;
+        margin-bottom: 10px;
+        padding: 5px;
+    }
+}
+
 .search-wrapper {
     display: flex;
     align-items: center;