From 097ad334771aadfeae8924c08214ffff35093a08 Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Sat, 7 Sep 2019 19:12:12 +0200 Subject: [PATCH] layout tweaks --- src/renderer/App.css | 19 ++----------------- src/renderer/components/Ticker.css | 1 - src/renderer/screens/Home.css | 1 - src/renderer/screens/Preferences/index.css | 4 ++-- 4 files changed, 4 insertions(+), 21 deletions(-) diff --git a/src/renderer/App.css b/src/renderer/App.css index b04407c..ea9ad65 100644 --- a/src/renderer/App.css +++ b/src/renderer/App.css @@ -38,9 +38,6 @@ html.fullscreen { font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1, 'pnum' 1, 'tnum' 0, 'onum' 0, 'lnum' 0, 'dlig' 1; color: #303030; - display: flex; - flex-wrap: wrap; - justify-content: center; transform: translate3d(0, 0, 0); -webkit-app-region: drag; -webkit-user-select: none; @@ -69,7 +66,7 @@ a h1 { } .app { - padding: 5% 7%; + padding: 10% 7% 5% 7%; cursor: default; transition: .15s ease-out; width: 100%; @@ -78,19 +75,7 @@ a h1 { } .darwin .app { - margin-top: 35px; -} - -.app > div, -.app > div > div { - width: 100%; - height: 100%; -} - -.app > div > div { - display: flex; - justify-content: center; - flex-wrap: wrap; + padding-top: calc(35px + 10%); } .fullscreen.darwin .app { diff --git a/src/renderer/components/Ticker.css b/src/renderer/components/Ticker.css index dacbfed..67b2bc3 100644 --- a/src/renderer/components/Ticker.css +++ b/src/renderer/components/Ticker.css @@ -1,6 +1,5 @@ .ticker { margin-top: 3rem; - margin-bottom: 4rem; width: 100%; } diff --git a/src/renderer/screens/Home.css b/src/renderer/screens/Home.css index 7d98dc7..d603c96 100644 --- a/src/renderer/screens/Home.css +++ b/src/renderer/screens/Home.css @@ -1,5 +1,4 @@ .main { - margin-top: 7vh; min-height: 222px; display: flex; align-items: center; diff --git a/src/renderer/screens/Preferences/index.css b/src/renderer/screens/Preferences/index.css index 1095292..2eade08 100644 --- a/src/renderer/screens/Preferences/index.css +++ b/src/renderer/screens/Preferences/index.css @@ -2,11 +2,11 @@ text-align: left; width: 100%; position: relative; - margin-top: 7vh; padding-bottom: 4rem; } .preferences__title { + width: 100%; font-size: 2.2rem; margin-top: -1rem; margin-bottom: 2rem; @@ -16,7 +16,7 @@ text-decoration: none; font-size: 2rem; position: absolute; - top: -1.5rem; + top: 0; right: 0; color: #8b98a9; }