From: Hugo Gameiro <hmgameiro@gmail.com>
Date: Sun, 30 Apr 2017 13:01:09 +0000 (+0100)
Subject: Center web app on larger windows sizes (#2021)
X-Git-Url: https://git.xn--scling-oua.cat.family/?a=commitdiff_plain;h=2e47fe3e1a8087e1beda15b145aa9ce88fff1229;p=mastodon.git

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
---

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;
   }
 }