fix mobile responsiveness

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;