fix layout overflow

freedit-org · Nov 10, 2023 · 6d4d9b2 · 6d4d9b2
1 parent 080e337
commit 6d4d9b2
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git 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
@@ -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">