Merge pull request #6479 from akatsoulas/fix-moderation-ui

Fix username overlapping
mozilla · Jan 29, 2025 · 128aae6 · 128aae6
2 parents f0f3dd0 + b3d48b5
commit 128aae6
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/kitsune/sumo/static/sumo/scss/components/_flaggit.scss b/kitsune/sumo/static/sumo/scss/components/_flaggit.scss
@@ -27,8 +27,14 @@
 
     .flagged-item-header {
         display: flex;
-        justify-content: space-between;
-        align-items: center;
+        flex-direction: column;
+        gap: p.$spacing-sm;
+
+        @media (min-width: p.$screen-md) {
+            flex-direction: row;
+            justify-content: space-between;
+            align-items: center;
+        }
 
         h2 {
             margin: 0;
@@ -37,6 +43,7 @@
         span {
             font-size: 1rem;
             font-weight: bold;
+            white-space: nowrap;
         }
     }
 }
@@ -98,4 +105,4 @@
     form {
         margin-bottom: p.$spacing-sm;
     }
-}
+}