about summary refs log tree commit diff
diff options
context:
space:
mode:
authorBrian Mock <brian@mockbrian.com>2017-04-09 05:45:26 -0700
committerEugen <eugen@zeonfederated.com>2017-04-09 14:45:26 +0200
commit53eb31f124b8cb366f45ac0aec36e346115e334f (patch)
tree806f77eef6edd50ebac9dba7a98813a7684040d9
parent388ec0d5b6d1549abed15802d6bdbfc8b1c05294 (diff)
Fixes #1311 margin shouldn't stay fixed (#1312)
-rw-r--r--app/assets/stylesheets/components.scss25
1 files changed, 22 insertions, 3 deletions
diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index 696e89418..9aead00b5 100644
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -714,7 +714,15 @@ a.status__content__spoiler-link {
 
 @media screen and (min-width: 360px) {
   .columns-area {
-    margin: 10px;
+    margin: 0;
+  }
+
+  .column:first-child, .drawer:first-child {
+    margin-left: 0;
+  }
+
+  .column:last-child, .drawer:last-child {
+    margin-right: 0;
   }
 }
 
@@ -816,6 +824,7 @@ a.status__content__spoiler-link {
 }
 
 .column, .drawer {
+  margin: 10px;
   margin-left: 5px;
   margin-right: 5px;
   flex: 0 0 auto;
@@ -823,11 +832,11 @@ a.status__content__spoiler-link {
 }
 
 .column:first-child, .drawer:first-child {
-  margin-left: 0;
+  margin-left: 10px;
 }
 
 .column:last-child, .drawer:last-child {
-  margin-right: 0;
+  margin-right: 10px;
 }
 
 @media screen and (max-width: 1024px) {
@@ -885,6 +894,10 @@ a.status__content__spoiler-link {
 }
 
 @media screen and (min-width: 360px) {
+  .columns-area {
+    margin: 10px;
+  }
+
   .tabs-bar {
     margin: 10px;
     margin-bottom: 0;
@@ -895,6 +908,12 @@ a.status__content__spoiler-link {
   }
 }
 
+@media screen and (min-width: 1024px) {
+  .columns-area {
+    margin: 0;
+  }
+}
+
 @media screen and (min-width: 600px) {
   .tabs-bar__link {
     .fa {