mastofe

commit: 2e47fe3e1a8087e1beda15b145aa9ce88fff1229
parent: e12bb39c20a3aba82e80aaeedf78202f9493ce73
Author: Hugo Gameiro <hmgameiro@gmail.com>
Date:   Sun, 30 Apr 2017 14:01:09 +0100

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

Diffstat:
M
app/assets/stylesheets/components.scss
13
+++++--------

1 file changed, 5 insertions(+), 8 deletions(-)
diff --git 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;
   }
 }