fixed some scrollbars

android/pages/home.js

@@ -46,7 +46,7 @@ module.exports = function(state, emit) {
         ? intro(state)
         : list(
             archives,
-            'list-reset h-full overflow-y-scroll w-full p-6',
+            'list-reset h-full overflow-y-auto w-full p-6',
             'mb-3 w-full'
           );
   }

app/main.css

@@ -84,6 +84,22 @@ a {
   cursor: auto;
 }
 
+.delete:hover {
+  opacity: 0.7;
+}
+
+details {
+  overflow: hidden;
+}
+
+details[open] {
+  overflow-y: auto;
+}
+
+footer li:hover {
+  text-decoration: underline;
+}
+
 .feedback-link {
   background-color: #000;
   background-image: url('../assets/feedback.svg');
@@ -132,14 +148,6 @@ a {
   flex-shrink: 0;
 }
 
-.delete:hover {
-  opacity: 0.7;
-}
-
-footer li:hover {
-  text-decoration: underline;
-}
-
 #password-msg::after {
   content: '\200b';
 }

app/ui/archiveTile.js

@@ -122,7 +122,7 @@ function archiveDetails(translate, archive) {
   if (archive.manifest.files.length > 1) {
     return html`
       <details
-        class="w-full pb-1 overflow-y-scroll"
+        class="w-full pb-1"
         ${archive.open ? 'open' : ''}
         ontoggle="${toggled}"
       >
@@ -235,7 +235,7 @@ module.exports.wip = function(state, emit) {
         Array.from(state.archive.files)
           .reverse()
           .map(f => fileInfo(f, remove(f))),
-        'list-reset overflow-y-scroll px-4 bg-blue-lightest md:h-full md:max-h-half-screen',
+        'list-reset overflow-y-auto px-4 bg-blue-lightest md:h-full md:max-h-half-screen',
         'bg-white px-2 mt-3 border border-grey-light rounded'
       )}
       <div class="flex-grow p-4 bg-blue-lightest mb-6 font-medium">

app/ui/home.js

@@ -22,7 +22,7 @@ module.exports = function(state, emit) {
       ? intro(state)
       : list(
           archives,
-          'list-reset h-full overflow-y-scroll w-full',
+          'list-reset h-full overflow-y-auto w-full',
           'mb-3 w-full'
         );