Make containers wider

themes/lite/templates/base.html

@@ -18,7 +18,7 @@
 				outline: none;
 			}
 			.content {
-				max-width: 600px;
+				max-width: 50rem;
 				line-height: 1.4;
 			}
 			.toclink {
@@ -48,13 +48,13 @@
 				float: left;
 				margin-right: 1rem;
 			}
-			@media screen and (min-width:49rem) {
+			@media screen and (min-width:63rem) {
 				.content .aside {
 					display: inline;
 					float: right;
 					position: relative;
-					width: 8rem;
+					width: 10rem;
-					margin-right: -10rem;
+					margin-right: -12rem;
 					font-size: 0.9rem;
 				}
 			}

themes/theme/templates/style.css

@@ -44,7 +44,7 @@
 			}
 
 			.container {
-				max-width: 42rem;
+				max-width: 50rem;
 				margin: 1rem auto 12rem auto;
 			}
 
@@ -125,13 +125,14 @@
 				font-size: 0.9rem;
 			}
 
-			@media screen and (min-width:62rem) {
+			@media screen and (min-width:72rem) {
 				.content .aside {
+					text-align: right;
 					display: inline;
 					float: left;
 					position: relative;
-					width: 8rem;
+					width: 10rem;
-					margin-left: -9rem;
+					margin-left: -11rem;
 				}
 			}