diff --git a/src/admin/scss/_dropdown-and-autocomplete.scss b/src/admin/scss/_dropdown-and-autocomplete.scss index 271f81387..6e31ab2ac 100644 --- a/src/admin/scss/_dropdown-and-autocomplete.scss +++ b/src/admin/scss/_dropdown-and-autocomplete.scss @@ -68,7 +68,7 @@ } } &.is-mobile-modal { - @media screen and (max-width: 1088px) { + @media screen and (max-width: 768px) { .dropdown-content { max-height: 100vh; } @@ -278,7 +278,7 @@ } } - @media screen and (min-width: 1024px) { + @media screen and (min-width: 768px) { .datepicker-header { margin-bottom: 0.5rem; diff --git a/src/classes/filter-types/tainacan-filter-item.vue b/src/classes/filter-types/tainacan-filter-item.vue index e688d0c36..edaae5fb3 100644 --- a/src/classes/filter-types/tainacan-filter-item.vue +++ b/src/classes/filter-types/tainacan-filter-item.vue @@ -203,7 +203,7 @@ } .datepicker { - @media screen and (min-width: 1024px) { + @media screen and (min-width: 768px) { .datepicker-header { @@ -211,20 +211,19 @@ max-width: 165px !important; } .pagination .pagination-list .control { - width: 74px !important; + width: 77px !important; .select { - min-width: 100% !important; + min-width: 100% !important; select { padding-left: 1px !important; font-size: 0.75rem !important; height: 24px !important; min-width: 100% !important; - - &:not(.is-loading)::after { - margin-top: -13px !important; - } + } + &:not(.is-loading)::after { + margin-top: -13px !important; } } }