From e74d875d95cb06258cac4f19253679b6e73b00a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Guillot?= <f@miniflux.net>
Date: Wed, 22 Jan 2025 20:19:35 -0800
Subject: [PATCH] feat(css): improve aside element position on smartphone

---
 internal/ui/static/css/common.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/internal/ui/static/css/common.css b/internal/ui/static/css/common.css
index c8e08412..08ea81f3 100644
--- a/internal/ui/static/css/common.css
+++ b/internal/ui/static/css/common.css
@@ -1174,6 +1174,7 @@ article.category-has-unread {
 }
 
 .entry-content aside {
+    font-size: 0.9em;
     width: 30%;
     padding: 1ch;
     margin-left: 15px;
@@ -1182,6 +1183,15 @@ article.category-has-unread {
     border: dotted var(--entry-content-aside-border-color) 2px;
 }
 
+@media (max-width: 620px) {
+    .entry-content aside {
+        width: 100%;
+        margin-left: 0;
+        margin-top: 15px;
+        float: none;
+    }
+}
+
 details.entry-enclosures {
     margin-top: 25px;
 }