Merge pull request #1702 from pom2ter/mobile-filter-fix

fix(frontend): css search filters fix

Author: kroky

modules/core/site.css

@@ -1274,9 +1274,20 @@ div.unseen,
   width: 100vw;
   left: 0px;
   box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
+  z-index: 1;
+  padding-top: 5px;
+  flex-direction: row;
+  justify-content: right;
+}
+.mobile #list_controls_menu.show > a {
+  padding-right: 15px;
+}
+.mobile #list_controls_menu.show form {
+  padding-right: 15px;
 }
 .mobile .imap_sort {
   width: 100%;
+  margin-right: 0;
 }
 .delayed_date {
   color: var(--bs-primary) !important;
@@ -1589,6 +1600,7 @@ a[disabled] {
 .small_header > div:nth-of-type(2) > div {
   display: flex;
   column-gap: 0.15rem;
+  flex-flow: wrap;
 }
 
 .small_header {
@@ -1654,7 +1666,7 @@ pre.msg_source {
 
 @media (max-width: 575px) {
   .mobile nav.folder_cell { width: 100%; }
-  .mobile #list_controls_menu.show { left: auto; right: 0px; }
+  .mobile #list_controls_menu.show { left: auto; right: -15px; }
   .mobile .calendar .month_label { padding: 1rem !important; }
   .mobile .calendar .border.m-4 { margin: 1rem !important; }
   .mobile .content_title { gap: 0.25rem; padding-bottom: 10px !important; }

modules/imap/site.css

@@ -394,6 +394,10 @@
 /* .imap_keyword, .imap_sort, .imap_filter { font-size: 75%; float: left; margin-top: 8px; } */
 .imap_keyword {
   width: 120px;
+  margin-right: 10px;
+}
+.imap_sort {
+  margin-right: 10px;
 }
 .msg_part_icon {
   opacity: 0.4;