From 570a8c00a2eba85a7dd42b88d353cab1394c39d8 Mon Sep 17 00:00:00 2001
From: Essem <smswessem@gmail.com>
Date: Mon, 27 Nov 2023 10:31:51 -0600
Subject: [PATCH] Vertical status buttons fix
---
.../flavours/glitch/styles/modern/style.scss | 11 +----------
app/javascript/styles/modern/style.scss | 11 +----------
2 files changed, 2 insertions(+), 20 deletions(-)
diff --git a/app/javascript/flavours/glitch/styles/modern/style.scss b/app/javascript/flavours/glitch/styles/modern/style.scss
index b5feeaf723..2992d33b40 100644
--- a/app/javascript/flavours/glitch/styles/modern/style.scss
+++ b/app/javascript/flavours/glitch/styles/modern/style.scss
@@ -2717,16 +2717,7 @@ a:focus-visible,
#mastodon .picture-in-picture__footer.picture-in-picture__footer > div {
display: flex;
justify-content: center;
- width: 100%;
-}
-#mastodon .status__action-bar.detailed-status__action-bar > div :not(i),
-#mastodon .detailed-status__action-bar.detailed-status__action-bar > div :not(i),
-#mastodon .picture-in-picture__footer.detailed-status__action-bar > div :not(i),
-#mastodon .status__action-bar.picture-in-picture__footer > div :not(i),
-#mastodon .detailed-status__action-bar.picture-in-picture__footer > div :not(i),
-#mastodon .picture-in-picture__footer.picture-in-picture__footer > div :not(i) {
- display: flex;
- width: 100% !important;
+ flex-grow: 1;
}
#mastodon .status__action-bar.picture-in-picture__footer .icon-button::after,
#mastodon .detailed-status__action-bar.picture-in-picture__footer .icon-button::after,
diff --git a/app/javascript/styles/modern/style.scss b/app/javascript/styles/modern/style.scss
index b5feeaf723..2992d33b40 100644
--- a/app/javascript/styles/modern/style.scss
+++ b/app/javascript/styles/modern/style.scss
@@ -2717,16 +2717,7 @@ a:focus-visible,
#mastodon .picture-in-picture__footer.picture-in-picture__footer > div {
display: flex;
justify-content: center;
- width: 100%;
-}
-#mastodon .status__action-bar.detailed-status__action-bar > div :not(i),
-#mastodon .detailed-status__action-bar.detailed-status__action-bar > div :not(i),
-#mastodon .picture-in-picture__footer.detailed-status__action-bar > div :not(i),
-#mastodon .status__action-bar.picture-in-picture__footer > div :not(i),
-#mastodon .detailed-status__action-bar.picture-in-picture__footer > div :not(i),
-#mastodon .picture-in-picture__footer.picture-in-picture__footer > div :not(i) {
- display: flex;
- width: 100% !important;
+ flex-grow: 1;
}
#mastodon .status__action-bar.picture-in-picture__footer .icon-button::after,
#mastodon .detailed-status__action-bar.picture-in-picture__footer .icon-button::after,