about summary refs log tree commit diff
diff options
context:
space:
mode:
authorHugo Gameiro <hmgameiro@gmail.com>2017-04-30 14:01:09 +0100
committerMatt Jankowski <mjankowski@thoughtbot.com>2017-04-30 09:01:09 -0400
commit2e47fe3e1a8087e1beda15b145aa9ce88fff1229 (patch)
tree146d9a65ada7ec1c13b3aa9f9cd67ecaa3ea85f1
parente12bb39c20a3aba82e80aaeedf78202f9493ce73 (diff)
Center web app on larger windows sizes (#2021)
* center web app for larger screen sizes

* move center app to components.scss

* center app on larger window sizes

* center .columns-area
-rw-r--r--app/assets/stylesheets/components.scss13
1 files changed, 5 insertions, 8 deletions
diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index 68b2be9ec..a8a81d7b2 100644
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -1189,6 +1189,7 @@ a.status__content__spoiler-link {
 @media screen and (min-width: 1025px) {
   .columns-area {
     padding: 0;
+    margin: 0 auto;
   }
 
   .column, .drawer {
@@ -1214,16 +1215,12 @@ a.status__content__spoiler-link {
   }
 }
 
-@media screen and (min-width: 2560px) {
-  .columns-area {
-    justify-content: center;
-  }
-
+@media screen and (min-width: 1900px) {
   .column, .drawer {
-    width: 350px;
+    width: 400px;
     border-radius: 4px;
-    height: 90vh;
-    margin-top: 5vh;
+    height: 96vh;
+    margin-top: 2vh;
   }
 }