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;