From 12e9e18e01a8193cdb6e9d37f98694fbd7b72eb4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nile=CC=81ane?= <nileanedorffer@gmail.com>
Date: Sat, 13 Apr 2024 01:17:19 +0200
Subject: [PATCH] Tweaks to make the post meta footer more compact

---
 TangerineUI-cherry.css | 12 +++++++++++-
 TangerineUI-purple.css | 12 +++++++++++-
 TangerineUI.css        | 12 +++++++++++-
 3 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 5a8b9fd..76d24c1 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -2542,7 +2542,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     opacity: .8;
     display: flex;
     align-items: start;
-    flex-flow: column;
+    flex-flow: row wrap;
     font-size: 13px;
     gap: 5px;
     border-top: 1px solid var(--color-lines);
@@ -2569,6 +2569,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .app-body .detailed-status__meta__line:first-child > * {
     color: var(--color-content-fg);
 }
+.app-body .detailed-status__meta__line:last-child {
+    flex: 100%;
+}
 .app-body .detailed-status__application::before {
     content: "\00B7\00A0";
     margin-left: -3px;
@@ -2623,6 +2626,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     color: var(--color-content-fg);
     font-weight: 600;
 }
+.app-body .detailed-status__meta .dropdown-menu__text-button .animated-number {
+    font-weight: 500;
+}
 .app-body .status__action-bar .animated-number {
     color: var(--color-accent);
     font-weight: 600;
@@ -5548,6 +5554,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     border-color: var(--color-content-secondary-separator);
 }
 
+.app-body .dropdown-menu__container__list--scrollable {
+    overflow-y: auto;
+}
+
 .app-body .privacy-dropdown__dropdown {
     background-color: var(--color-content-bg);
     border-radius: 8px;
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 174c6ce..10f442d 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -2542,7 +2542,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     opacity: .8;
     display: flex;
     align-items: start;
-    flex-flow: column;
+    flex-flow: row wrap;
     font-size: 13px;
     gap: 5px;
     border-top: 1px solid var(--color-lines);
@@ -2569,6 +2569,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .app-body .detailed-status__meta__line:first-child > * {
     color: var(--color-content-fg);
 }
+.app-body .detailed-status__meta__line:last-child {
+    flex: 100%;
+}
 .app-body .detailed-status__application::before {
     content: "\00B7\00A0";
     margin-left: -3px;
@@ -2623,6 +2626,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     color: var(--color-content-fg);
     font-weight: 600;
 }
+.app-body .detailed-status__meta .dropdown-menu__text-button .animated-number {
+    font-weight: 500;
+}
 .app-body .status__action-bar .animated-number {
     color: var(--color-accent);
     font-weight: 600;
@@ -5548,6 +5554,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     border-color: var(--color-content-secondary-separator);
 }
 
+.app-body .dropdown-menu__container__list--scrollable {
+    overflow-y: auto;
+}
+
 .app-body .privacy-dropdown__dropdown {
     background-color: var(--color-content-bg);
     border-radius: 8px;
diff --git a/TangerineUI.css b/TangerineUI.css
index 9a6598e..b7a98fc 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -2542,7 +2542,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     opacity: .8;
     display: flex;
     align-items: start;
-    flex-flow: column;
+    flex-flow: row wrap;
     font-size: 13px;
     gap: 5px;
     border-top: 1px solid var(--color-lines);
@@ -2569,6 +2569,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .app-body .detailed-status__meta__line:first-child > * {
     color: var(--color-content-fg);
 }
+.app-body .detailed-status__meta__line:last-child {
+    flex: 100%;
+}
 .app-body .detailed-status__application::before {
     content: "\00B7\00A0";
     margin-left: -3px;
@@ -2623,6 +2626,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     color: var(--color-content-fg);
     font-weight: 600;
 }
+.app-body .detailed-status__meta .dropdown-menu__text-button .animated-number {
+    font-weight: 500;
+}
 .app-body .status__action-bar .animated-number {
     color: var(--color-accent);
     font-weight: 600;
@@ -5548,6 +5554,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     border-color: var(--color-content-secondary-separator);
 }
 
+.app-body .dropdown-menu__container__list--scrollable {
+    overflow-y: auto;
+}
+
 .app-body .privacy-dropdown__dropdown {
     background-color: var(--color-content-bg);
     border-radius: 8px;