From 2e47fe3e1a8087e1beda15b145aa9ce88fff1229 Mon Sep 17 00:00:00 2001
From: Hugo Gameiro <hmgameiro@gmail.com>
Date: Sun, 30 Apr 2017 14:01:09 +0100
Subject: [PATCH] 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
---
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
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;
}
}