about summary refs log tree commit diff
path: root/app/assets/stylesheets
diff options
context:
space:
mode:
authorStephen Burgess <stephenburgess8@gmail.com>2017-05-01 12:14:26 -0400
committerEugen Rochko <eugen@zeonfederated.com>2017-05-01 18:14:26 +0200
commit11b706acdf7ccf76d396a1f96843e6b8173c2dfb (patch)
tree00c6ccb6871c4b7a30424c290bc730e373327621 /app/assets/stylesheets
parent33b9e8d4612765ec53a5ea02a86a18f3e2da5a07 (diff)
fix(scrolling): Center for large screen w/o breaking horiz scroll (#2682)
Diffstat (limited to 'app/assets/stylesheets')
-rw-r--r--app/assets/stylesheets/components.scss8
1 files changed, 7 insertions, 1 deletions
diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index 1468999b2..fd3eec712 100644
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -1202,7 +1202,6 @@ a.status__content__spoiler-link {
 @media screen and (min-width: 1025px) {
   .columns-area {
     padding: 0;
-    margin: 0 auto;
   }
 
   .column, .drawer {
@@ -1228,6 +1227,13 @@ a.status__content__spoiler-link {
   }
 }
 
+@media screen and (min-width: 1397px) { /* Width of 4 columns with margins */
+  .columns-area {
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+
 @media screen and (min-width: 1900px) {
   .column, .drawer {
     width: 400px;