assets/scss: fix comment filter layout issues on safari

fixes #7862
liqd · Apr 9, 2024 · b32aaab · b32aaab
1 parent 1097f31
commit b32aaab
Showing 1 changed file with 18 additions and 17 deletions.
diff --git a/meinberlin/assets/scss/components_user_facing/_a4-comments.scss b/meinberlin/assets/scss/components_user_facing/_a4-comments.scss
@@ -7,23 +7,6 @@
   margin-bottom: 0.5 * $spacer;
 }
 
-.a4-comments__comment-control-bar {
-  @extend .panel--heavy;
-
-  .form-group--inline {
-    @extend .fullspace;
-    margin-bottom: 0.5 * $spacer;
-  }
-
-  .a4-control-bar__search__term {
-    @extend .my-0;
-  }
-
-  .a4-forms__select {
-    @extend .my-0;
-  }
-}
-
 .a4-comments__anchor {
   display: block;
   position: relative;
@@ -91,3 +74,21 @@
     }
   }
 }
+
+.a4-comments__comment-control-bar {
+  @extend .panel--heavy;
+
+  .form-group--inline {
+    @extend .fullspace;
+  }
+
+  @media screen and (max-width: $breakpoint-palm) {
+    .form-group {
+      margin-bottom: 0 !important;
+    }
+  }
+
+  .a4-control-bar__sorting .form-group {
+    margin-bottom: 0.8 * $spacer;
+  }
+}