From f9add6305b592319c6c825945a296c710bab8f7c Mon Sep 17 00:00:00 2001
From: Kumi <git@kumi.email>
Date: Sun, 18 Aug 2024 11:07:36 +0200
Subject: [PATCH] fix(styles): improve layout and responsiveness

Added 'display: flex' to h1 for better alignment and spacing. Set 'clear: left' and 'max-width: 300px' for images with the 'mw-default-size' class to ensure proper text flow and prevent overflow in smaller viewports. Enhances overall page layout and mobile responsiveness.
---
 src/wikimore/static/css/style.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/wikimore/static/css/style.css b/src/wikimore/static/css/style.css
index 2456bc6..e390457 100644
--- a/src/wikimore/static/css/style.css
+++ b/src/wikimore/static/css/style.css
@@ -204,6 +204,7 @@ h1 {
     padding: 0;
     margin: 0;
     border-bottom: 1px solid #ddd;
+    display: flex;
 }
 
 .navbar {
@@ -347,6 +348,8 @@ figcaption,
 .mw-default-size {
     width: fit-content;
     float: left;
+    clear: left;
+    max-width: 300px;
 }
 
 /* Reference styling */