From 486a707f490e92431e2f6c1712b731f8f7c8f6f8 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sat, 23 Dec 2023 15:34:25 +0800
Subject: [PATCH] Fix small-width media indentation in status carousels

Center-ize it, add a background color
---
 src/components/status.css | 5 +++++
 src/index.css             | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/status.css b/src/components/status.css
index 9997820..69c5848 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -751,6 +751,11 @@
 
   &:not(.media-figure-multiple .media-container) {
     margin-bottom: -16px;
+
+    &.media-eq1 {
+      text-align: center;
+      background-color: var(--img-bg-color);
+    }
   }
 
   .media {
diff --git a/src/index.css b/src/index.css
index 52abb55..9371df4 100644
--- a/src/index.css
+++ b/src/index.css
@@ -83,7 +83,7 @@
   --private-note-bg-color: color-mix(in srgb, yellow 20%, var(--bg-color));
   --private-note-border-color: rgba(0, 0, 0, 0.2);
 
-  /* Video colors won't change based on color scheme */
+  /* Media colors won't change based on color scheme */
   --media-fg-color: #f0f2f5;
   --media-bg-color: #242526;
   --media-outline-color: color-mix(in lch, var(--media-fg-color), transparent);