diff --git a/themes/lite/templates/base.html b/themes/lite/templates/base.html
index c3be022..5e81ff9 100644
--- a/themes/lite/templates/base.html
+++ b/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;
- margin-right: -10rem;
+ width: 10rem;
+ margin-right: -12rem;
font-size: 0.9rem;
}
}
diff --git a/themes/theme/templates/style.css b/themes/theme/templates/style.css
index 17bb0ad..d9b7a39 100644
--- a/themes/theme/templates/style.css
+++ b/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;
- margin-left: -9rem;
+ width: 10rem;
+ margin-left: -11rem;
}
}