about summary refs log tree commit diff
diff options
context:
space:
mode:
authorariasuni <perso@hack-libre.org>2020-06-01 02:10:45 +0200
committerThibG <thib@sitedethib.com>2020-06-01 12:28:27 +0200
commit1f94f4009e5b072f8b508b1bf1a046ea034de7c1 (patch)
tree0e5c70929458dc58d9fb97614e5870490d9fa6cb
parent18f2c390748a112ac72bf9203f1513d295b13b3d (diff)
Improve appearance of notification cleaning UI
- Use smaller font-size for consistency with the rest of the UI
- Make better use of the horizontal space when available
-rw-r--r--app/javascript/flavours/glitch/styles/components/columns.scss21
1 files changed, 19 insertions, 2 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/columns.scss b/app/javascript/flavours/glitch/styles/components/columns.scss
index 3269638eb..6b657660a 100644
--- a/app/javascript/flavours/glitch/styles/components/columns.scss
+++ b/app/javascript/flavours/glitch/styles/components/columns.scss
@@ -363,8 +363,8 @@
     @extend .column-header__button;
     background: transparent;
     text-align: center;
-    padding: 10px 0;
-    white-space: pre-wrap;
+    padding: 10px 5px;
+    font-size: 14px;
   }
 
   b {
@@ -372,6 +372,23 @@
   }
 }
 
+
+.layout-single-column .column-header__notif-cleaning-buttons {
+  @media screen and (min-width: $no-gap-breakpoint) {
+    b, i {
+      margin-right: 5px;
+    }
+
+    br {
+      display: none;
+    }
+
+    button {
+      padding: 15px 5px;
+    }
+  }
+}
+
 // The notifs drawer with no padding to have more space for the buttons
 .column-header__collapsible-inner.nopad-drawer {
   padding: 0;