From 6d4d9b23f9f07981f08ac4cd65c952a18d7456af Mon Sep 17 00:00:00 2001
From: GitHub <github@github.com>
Date: Fri, 10 Nov 2023 16:41:14 +0800
Subject: [PATCH] fix layout overflow

---
 static/css/main.css   | 9 ++++++---
 templates/layout.html | 8 ++++----
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index 0109c9a..02d21ce 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -2,15 +2,18 @@
     max-width: 350px;
 }
 
-section, footer {
+nav, section, footer {
     max-width: 1100px;
     margin: 0 auto;
 }
 
 nav {
     height: 48px;
-    max-width: 1076px;
-    margin: 0 auto;
+}
+
+@media screen and (max-device-width: 769px){
+    main { padding-right: 0!important;}
+    aside { padding-left: 0!important;}
 }
 
 #notification-indicator {
diff --git a/templates/layout.html b/templates/layout.html
index 5b0e4d5..53a7edf 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -94,12 +94,12 @@
     </header>
 
     {% block section %}
-    <section class="section px-3">
-        <div class="columns">
-            <main class="column is-three-quarters">
+    <section class="section">
+        <div class="columns mx-0">
+            <main class="column is-three-quarters pl-0">
                 {% block content %}{% endblock %}
             </main>
-            <aside class="column is-one-quarter">
+            <aside class="column is-one-quarter pr-0">
                 {% block aside %}
                     <div class="box">
                         <form id="search" action="/search" method="get">