From 9f6236762d290a441767ffcb2949d1e47eae87c0 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 2 Oct 2023 09:30:35 +0800
Subject: [PATCH] Place captions to right side of media when there's enough
 space

---
 src/components/status.css | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/status.css b/src/components/status.css
index 0558223d..5cc0ec84 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -711,15 +711,20 @@
   figure {
     margin: 0;
     padding: 0;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-end;
+    column-gap: 4px;
 
     figcaption {
-      margin: -2px 0 0;
-      padding: 0 4px;
+      padding: 4px;
       font-size: 90%;
       color: var(--text-insignificant-color);
       line-height: 1.2;
       cursor: pointer;
       white-space: pre-line;
+      flex-basis: 15em;
+      flex-grow: 1;
 
       &.media-caption-long {
         overflow: hidden;