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 68b2be9ece91fcfd1173b40c15f114e210472293..a8a81d7b21fd4ce366731af98801c1ddde10a2c1 100644 (file)
--- 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;
   }
 }