paritybit.ca

commit 87d43c33ee0dd4875bab2110aa99050baa3edc32
parent d5579cad7885df8f86960b7af29af807acbfe63d
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Thu, 20 Jun 2019 23:55:14 -0400

Alter width of content and side-bar

Diffstat:
M
build/base.css
 | 
19
++++++++++---------

1 file changed, 10 insertions(+), 9 deletions(-)
diff --git a/build/base.css b/build/base.css
@@ -120,7 +120,7 @@ ul.inline {
 }
 
 #content {
-    padding: 0 10% 0 10%;
+    padding: 0 15% 0 15%;
 }
 
 #content > p, #content > ul, #content > ol, #content > pre {
@@ -142,9 +142,10 @@ ul.inline {
 
 #side-bar {
     float: right;
-    width: 25%;
+    width: 20%;
+    min-width: 300px;
     border: 5px #585858 solid;
-    margin: 0 10% 20px 20px;
+    margin: 0 15% 20px 20px;
     text-align: left;
     background-color: #333;
     box-sizing: border-box;
@@ -288,10 +289,10 @@ ul.inline {
 /* Ensure proper scaling with differently-sized displays */
 @media all and (max-width: 900px) {
     #side-bar {
-        float: center;
-        width: 50%;
+        float: none;
+        width: 300px;
         clear: both;
-        margin: 0% 25% 30px 25%;
+        margin: 0% auto 30px auto;
     }
     #content {
         border-right: 0;
@@ -338,10 +339,10 @@ ul.inline {
 
 @media all and (max-width: 550px) {
     #side-bar {
-        float: center;
-        width: 90%;
+        float: none;
+        width: 300px;
         clear: both;
-        margin: 0% 5% 30px 5%;
+        margin: 0% auto 30px auto;
     }
     #downtime-banner {
         width: 83%;