fix spacing on chrome

Author: notsidney

src/css/DownloadView.css

@@ -16,7 +16,7 @@
 }
 
 .download-view .info svg {
-  margin: 0 auto 0.5rem;
+  margin: 0.5rem auto;
   display: block;
 
   width: 3rem;
@@ -37,7 +37,8 @@
 }
 
 .controls-container {
-  margin-bottom: 2rem;
-
   flex: 1;
 }
+.controls-container .button.primary {
+  margin-bottom: 0;
+}

src/css/Header.css

@@ -1,9 +1,5 @@
 header {
-  width: 100vw;
-  min-height: var(--header-height);
-  position: sticky;
-  top: 0;
-  left: 0;
+  flex-basis: var(--header-height);
   flex: none;
 
   box-sizing: border-box;

src/css/List.css

@@ -1,20 +1,16 @@
 #list-container {
-  min-width: calc(15rem * 4 + 0.5rem * 5);
-  width: 100%;
-  height: 100%;
+  -webkit-overflow-scrolling: touch;
+  overflow-x: auto;
   position: relative;
 
+  flex: 1;
   display: grid;
   grid-template-columns: repeat(4, minmax(15rem, 1fr));
 
   padding-left: max(0.5rem, env(safe-area-inset-left));
   padding-right: max(0.5rem, env(safe-area-inset-right));
   padding-bottom: max(0.5rem, env(safe-area-inset-bottom));
   gap: 0.5rem;
-
-  flex: 1;
-
-  overflow-y: hidden;
 }
 #list-container::before {
   width: 47rem;
@@ -31,8 +27,6 @@
 }
 
 section {
-  height: 100%;
-
   display: flex;
   flex-direction: column;
 

src/css/base.css

@@ -104,9 +104,8 @@ body {
   background-color: var(--background-color);
   color: var(--text-color);
 
-  -webkit-overflow-scrolling: touch;
-  overflow-x: auto;
-  overflow-y: hidden;
+  display: flex;
+  flex-direction: column;
 }
 
 body,
@@ -121,11 +120,7 @@ button {
 }
 
 #root {
-  width: min-content;
-  height: 100%;
-
-  display: flex;
-  flex-direction: column;
+  display: contents;
 }
 
 svg {