pleroma-fe

commit: a4e0eeea7a6784d8d96ce40be2921e41c5df8b0a
parent 66014fcfcb386f4110ff0a6056e45e61af434ea3
Author: Henry Jameson <me@hjkos.com>
Date:   Thu, 29 Sep 2022 11:49:19 +0300

fix buttons overlapping

Diffstat:
M
src/components/notifications/notifications.scss
5
+++--
M
src/components/timeline/timeline.scss
6
++++--

2 files changed, 7 insertions(+), 4 deletions(-)
diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss
@@ -35,11 +35,12 @@
     text-align: center;
     width: var(--__panel-heading-height);
     height: var(--__panel-heading-height);
-    margin: calc(-1 * var(--panel-heading-height-padding));
+    margin: calc(-1 * var(--panel-heading-height-padding)) 0;
+    margin-right: -0.5em;
 
     > button {
       box-sizing: border-box;
-      padding: calc(1 * var(--panel-heading-height-padding));
+      padding: calc(1 * var(--panel-heading-height-padding)) 0;
       height: 100%;
       width: 100%;
       text-align: center;
diff --git a/src/components/timeline/timeline.scss b/src/components/timeline/timeline.scss
@@ -18,11 +18,12 @@
     text-align: center;
     width: var(--__panel-heading-height);
     height: var(--__panel-heading-height);
-    margin: calc(-1 * var(--panel-heading-height-padding));
+    margin: calc(-1 * var(--panel-heading-height-padding)) 0;
+    margin-right: -0.5em;
 
     > button {
       box-sizing: border-box;
-      padding: calc(1 * var(--panel-heading-height-padding));
+      padding: calc(1 * var(--panel-heading-height-padding)) 0;
       height: 100%;
       width: 100%;
       text-align: center;
@@ -37,6 +38,7 @@
     align-self: stretch;
     text-align: center;
     width: var(--__panel-heading-height);
+    margin-right: -0.5em;
 
     svg {
       font-size: 1.2em;