Fix for weird mobile scaling
diff --git a/static/css/style.less b/static/css/style.less
index 4a61800..d0dae9e 100644
--- a/static/css/style.less
+++ b/static/css/style.less
@@ -12,6 +12,7 @@
@side_size: 250px;
@main_size: 755px;
+@border_color: #C2C2C2;
body {
margin: 0;
@@ -34,18 +35,12 @@
}
hr {
- color: @light-grey;
- background-color: @light-grey;
+ color: @border_color;
+ background-color: @border_color;
height: 1px;
border: none;
}
-.border-radius (@radius: 5px) {
- border-radius: @radius;
- -moz-border-radius: @radius;
- -webkit-border-radius: @radius;
-}
-
aside {
div#user_meta {
padding: 40px 20px 40px 20px;
@@ -92,8 +87,8 @@
header {
padding: 20px 40px 20px 40px;
- border-top: @light-grey 1px solid;
- border-bottom: @light-grey 1px solid;
+ border-top: @border_color 1px solid;
+ border-bottom: @border_color 1px solid;
text-align: center;
p {
@@ -183,7 +178,7 @@
}
footer {
- border-top: @light-grey 1px solid;
+ border-top: @border_color 1px solid;
padding: 30px 40px 30px 40px;
div#paginator {
@@ -204,7 +199,7 @@
}
div#ending_message {
- border-top: @light-grey 1px solid;
+ border-top: @border_color 1px solid;
padding: 0 40px 0 40px;
color: @med-grey;
font-size: 10px;
@@ -215,10 +210,9 @@
aside {
width: @side_size;
height: 100%;
- position: fixed;
+ position: absolute;
top: 0;
left: 0;
- border-right: @light-grey 1px solid;
h2 {
margin: 10px 0 0 0;
@@ -236,6 +230,7 @@
top: 0;
left: @side_size;
margin: 0;
+ border-left: @border_color 1px solid;
overflow-x: hidden;
overflow-y: hidden;