Fix: Improve searchbar padding on mobile

3 years ago · e6669fbb9e
1 changed files with 9 additions and 1 deletions
--- 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;