layout tweaks

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 {

src/renderer/components/Ticker.css

@@ -1,6 +1,5 @@
 .ticker {
     margin-top: 3rem;
-    margin-bottom: 4rem;
     width: 100%;
 }
 

src/renderer/screens/Home.css

@@ -1,5 +1,4 @@
 .main {
-    margin-top: 7vh;
     min-height: 222px;
     display: flex;
     align-items: center;

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