some css changes for narrow screen

2 files changed, 53 insertions, 0 deletions

diff --git a/askbot/media/style/style.css b/askbot/media/style/style.css
index fba1a5a6..5854b850 100644
--- a/askbot/media/style/style.css
+++ b/askbot/media/style/style.css
@@ -4425,6 +4425,12 @@ td.setting-input textarea {
     width: 100%;
     padding-right: 6px;
   }
+  .edit-question-page #ContentLeft,
+  .edit-answer-page #ContentLeft,
+  .openid-signin #ContentLeft,
+  .meta #ContentLeft {
+    padding: 0 10px;
+  }
   .main-page h1,
   #askButton,
   #metaNav #navBadges,
@@ -4556,6 +4562,25 @@ td.setting-input textarea {
     width: 100%;
   }
 }
+@media screen and (max-width: 480px) {
+  .openid-signin h1,
+  .openid-signin h2 {
+    line-height: 1.1;
+    margin-bottom: 12px;
+  }
+  .openid-signin textarea,
+  .meta textarea,
+  .users-page textarea,
+  .user-profile-edit-page textarea,
+  .user-profile-page textarea,
+  .openid-signin input[type="text"],
+  .meta input[type="text"],
+  .users-page input[type="text"],
+  .user-profile-edit-page input[type="text"],
+  .user-profile-page input[type="text"] {
+    width: 100%;
+  }
+}
 @media screen and (max-width: 338px) {
   #scopeNav {
     display: none;
diff --git a/askbot/media/style/style.less b/askbot/media/style/style.less
index 319bf675..ccc2cbbf 100644
--- a/askbot/media/style/style.less
+++ b/askbot/media/style/style.less
@@ -4616,6 +4616,14 @@ td.setting-input {
         width: 100%;
         padding-right: 6px;
     }
+    .edit-question-page,
+    .edit-answer-page,
+    .openid-signin,
+    .meta {
+        #ContentLeft {
+            padding: 0 10px;
+        }
+    }
     .main-page h1,
     #askButton,
     #metaNav #navBadges,
@@ -4755,6 +4763,26 @@ td.setting-input {
     }
 }
 
+@media screen and (max-width: 480px) {
+    .openid-signin {
+        h1, h2 {
+            line-height: 1.1;
+            margin-bottom: 12px;
+        }
+    }
+
+    .openid-signin,
+    .meta,
+    .users-page,
+    .user-profile-edit-page,
+    .user-profile-page {
+    textarea,
+    input[type="text"]{
+        width: 100%;
+        }
+    }
+}
+
 @media screen and (max-width: 338px) {
     #scopeNav {
         display: none;