some fixes for the mobile layouts

3 files changed, 54 insertions, 12 deletions

diff --git a/askbot/media/bootstrap/css/bootstrap.css b/askbot/media/bootstrap/css/bootstrap.css
index 396e05c6..71c4e217 100644
--- a/askbot/media/bootstrap/css/bootstrap.css
+++ b/askbot/media/bootstrap/css/bootstrap.css
@@ -3984,10 +3984,6 @@ a.thumbnail:hover {
   }
 }
 @media (max-width: 767px) {
-  body {
-    padding-left: 20px;
-    padding-right: 20px;
-  }
   .navbar-fixed-top {
     margin-left: -20px;
     margin-right: -20px;
diff --git a/askbot/media/style/style.css b/askbot/media/style/style.css
index 7e60afd2..58f95f91 100644
--- a/askbot/media/style/style.css
+++ b/askbot/media/style/style.css
@@ -4165,14 +4165,38 @@ textarea.tipped-input {
 /* modifications for small screens */
 @media screen and (max-width: 960px) {
   /* content margins touch viewport */
+  * {
+    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+  }
   #homeButton {
     background: 1px -36px url(../images/sprites.png) no-repeat;
   }
   #homeButton:hover {
     background: -44px -36px url(../images/sprites.png) no-repeat;
   }
+  #ContentLeft,
+  #ContentFull {
+    padding-left: 6px;
+    padding-right: 6px;
+  }
+  .short-summary .answers,
+  .short-summary .views,
+  .short-summary .votes {
+    height: 51px;
+  }
+  .question-page .vote-buttons {
+    margin-right: 2px;
+  }
 }
-@media screen and (max-width: 480px) {
+@media screen and (max-width: 800px) {
+  body {
+    padding: 0;
+  }
+  input[type="submit"].searchBtn {
+    margin-right: 0;
+  }
   .content-wrapper {
     width: 100%;
   }
@@ -4321,9 +4345,6 @@ textarea.tipped-input {
   body.anon .search-drop-menu {
     margin: 0 8px 0 52px;
   }
-  input[type="submit"].searchBtn {
-    margin-right: 8px;
-  }
   .short-summary {
     width: 100%;
   }
diff --git a/askbot/media/style/style.less b/askbot/media/style/style.less
index 6e622311..3dc85eca 100644
--- a/askbot/media/style/style.less
+++ b/askbot/media/style/style.less
@@ -4343,14 +4343,42 @@ textarea.tipped-input {
 
 /* modifications for small screens */
 @media screen and (max-width: 960px) {/* content margins touch viewport */
+    * {
+        box-sizing: border-box;
+        -webkit-box-sizing: border-box;
+        -moz-box-sizing: border-box;
+    }
     #homeButton {
         .sprites(1px,-36px);
     }
     #homeButton:hover {
         .sprites(-44px,-36px);
     }
+    #ContentLeft,
+    #ContentFull {
+        padding-left: 6px;
+        padding-right: 6px;
+    }
+    .short-summary {
+        .answers,
+        .views,
+        .votes {
+            height: 51px;
+        }
+    }
+    .question-page {
+        .vote-buttons {
+            margin-right: 2px;
+        }
+    }
 }
-@media screen and (max-width: 480px) {
+@media screen and (max-width: 800px) {
+    body {
+        padding: 0;
+    }
+    input[type="submit"].searchBtn {
+        margin-right: 0;
+    }
     .content-wrapper {
         width: 100%;
     }
@@ -4506,9 +4534,6 @@ textarea.tipped-input {
     body.anon .search-drop-menu {
         margin: 0 8px 0 52px;
     }
-    input[type="submit"].searchBtn {
-        margin-right: 8px;
-    }
     .short-summary {
         width: 100%;
     }