From 99fdb90578a146baf875466a517e92ce27da9531 Mon Sep 17 00:00:00 2001
From: "Tom (plebeius.eth)" <tom@plebbit.com>
Date: Thu, 6 Mar 2025 23:54:05 +0100
Subject: [PATCH] fix mobile responsiveness

---
 .../catalog-filters.module.css                | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/components/catalog-filters/catalog-filters.module.css b/src/components/catalog-filters/catalog-filters.module.css
index 48302ecf..cf506932 100644
--- a/src/components/catalog-filters/catalog-filters.module.css
+++ b/src/components/catalog-filters/catalog-filters.module.css
@@ -41,12 +41,18 @@
   overflow-y: auto;
   position: fixed;
   z-index: 5;
-  padding: 2px 5px 5px 5px;
+  padding: 2px 5px 3px 5px;
   font-size: var(--settings-modal-font-size);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
   background-color: var(--settings-modal-background-color);
 }
 
+@media (max-width: 640px) {
+  .modal {
+    padding-bottom: 0;
+  }
+}
+
 .filtersProtipModal {
   top: 50px;
   width: 570px;
@@ -109,6 +115,7 @@
 
 .filtersProtip {
   text-transform: none;
+  text-align: left;
 }
 
 .filtersProtip code {
@@ -204,6 +211,12 @@
   width: 150px;
 }
 
+@media (max-width: 640px) {
+  .filtersTable input[type='text'] {
+    font-size: 16px !important;
+  }
+}
+
 .filtersTable input[type='text']:focus {
   border: var(--reply-modal-field-input-border-focus, revert);
 }
@@ -224,6 +237,11 @@
   position: absolute;
   right: 5px;
 }
+@media (max-width: 640px) {
+  .addButton, .saveButton {
+    margin-bottom: 4px !important;
+  }
+}
 
 .filterHits {
   font-size: 12px !important;