From 0c93e2cbe2c5f04c4329f0e66918f068b599d940 Mon Sep 17 00:00:00 2001
From: sel <sel@disroot.org>
Date: Fri, 26 Jun 2026 16:44:20 +0200
Subject: [PATCH] fix: site looked really bad on small screens

---
 themes/webbed-theme/assets/css/main.css | 8 ++++++--
 themes/webbed-theme/layouts/page.html   | 8 +++++---
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/themes/webbed-theme/assets/css/main.css b/themes/webbed-theme/assets/css/main.css
index afacda0..413c08e 100644
--- a/themes/webbed-theme/assets/css/main.css
+++ b/themes/webbed-theme/assets/css/main.css
@@ -60,7 +60,6 @@ nav > div > a {
 section.buttons-wrapper {
   display: flex;
   flex-direction: column;
-  align-items: center;
 
   background-color: light-dark(#ebebef, #1A1A29);
   width: auto;
@@ -89,10 +88,15 @@ section {
   padding-bottom: 1rem;
 }
 
+.content-wrapper {
+	display: flex;
+	justify-content: center;
+}
+
 section.content {
   max-width: 60ch;
   border-bottom: none;
-  margin: 0 auto;
+  overflow-x: scroll;
 }
 
 section > div.buttons {
diff --git a/themes/webbed-theme/layouts/page.html b/themes/webbed-theme/layouts/page.html
index 9973276..08a6be0 100644
--- a/themes/webbed-theme/layouts/page.html
+++ b/themes/webbed-theme/layouts/page.html
@@ -9,9 +9,11 @@
     <p class="date"><time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time></p>
   </section>
 
-  <section class="content">
-    {{ .Content }}
-  </section>
+  <div class="content-wrapper">
+  	<section class="content">
+  	  {{ .Content }}
+  	</section>
+  </div>
 
   {{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}
 {{ end }}