From 2f56455eedd3748032427aa2ed20eda46ad54260 Mon Sep 17 00:00:00 2001
From: tobi <31960611+tsmethurst@users.noreply.github.com>
Date: Wed, 18 Sep 2024 11:51:12 +0200
Subject: [PATCH] [chore/frontend] Tweak status styling a little (#3317)

---
 web/source/css/status.css | 6 ++++--
 web/source/css/thread.css | 4 +---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/source/css/status.css b/web/source/css/status.css
index a9ffbf7dd..97713dae2 100644
--- a/web/source/css/status.css
+++ b/web/source/css/status.css
@@ -122,9 +122,10 @@ main {
 	}
 
 	.text-spoiler > summary {
-		display: inline-block;
 		list-style: none;
-
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
 		padding-bottom: 0.5rem;
 
 		&::-webkit-details-marker {
@@ -132,6 +133,7 @@ main {
 		}
 
 		.button {
+			width: fit-content;
 			white-space: nowrap;
 			cursor: pointer;
 			padding: 0.2rem 0.3rem;
diff --git a/web/source/css/thread.css b/web/source/css/thread.css
index e2e6ae6b7..c67c95d4e 100644
--- a/web/source/css/thread.css
+++ b/web/source/css/thread.css
@@ -54,8 +54,6 @@
 	}
 
 	.status {
-
-
 		&.indent-1 {
 			margin-left: 0.5rem;
 		}
@@ -83,7 +81,7 @@
 		&.indent-5 {
 			.status-link {
 				margin-left: -0.5rem;
-				border-left: 0.1rem dashed $border-accent;
+				border-left: 0.15rem dashed $border-accent;
 			}
 		}