css: improve width of main containers

Felipe Contreras · Felipe Contreras · commit 571915520fd5 · 2020-12-01T19:08:02.000-06:00
The site container is usually too small, and the navbar usually to big.

So adjust their widths.

Signed-off-by: Felipe Contreras &lt;felipe.contreras@gmail.com&gt;
diff --git a/css/main.css b/css/main.css
@@ -36,13 +36,13 @@ body {
     -webkit-flex: 1;
     -ms-flex: 1;
     flex: 1;
-    max-width: 660px;
+    max-width: 700px;
 }
 
 .navbar {
   float: left;
   text-align: left;
-  width: 20em;
+  width: 15em;
   padding: 2em;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -36,13 +36,13 @@ body {`
`36`	`36`	`-webkit-flex: 1;`
`37`	`37`	`-ms-flex: 1;`
`38`	`38`	`flex: 1;`
`39`		`- max-width: 660px;`
	`39`	`+ max-width: 700px;`
`40`	`40`	`}`
`41`	`41`
`42`	`42`	`.navbar {`
`43`	`43`	`float: left;`
`44`	`44`	`text-align: left;`
`45`		`- width: 20em;`
	`45`	`+ width: 15em;`
`46`	`46`	`padding: 2em;`
`47`	`47`	`}`
`48`	`48`