more compact ui

1 files changed, 10 insertions, 8 deletions

diff --git a/css/style.css b/css/style.css
index 96f04d4..314a38c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -246,12 +246,12 @@ input[type=submit]:hover {
 }
 
 .files {
-    padding: 1rem;
+    padding: 0.3rem;
     display: grid;
 
     grid-gap: 0rem;
-    grid-auto-rows: 10rem;
-    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
+    grid-auto-rows: 8rem;
+    grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
 }
 
 .file {
@@ -266,7 +266,7 @@ input[type=submit]:hover {
     flex-direction: column;
     align-items: center;
     border: 1px solid #fafafa;
-    border-radius: 0.3rem;
+    border-radius: 0.1rem;
 }
 
 .file.dragged {
@@ -281,7 +281,9 @@ input[type=submit]:hover {
 }
 
 .file > img {
-    flex: 1 0 0;
+    flex: 1 1 0;
+    min-width: 0;
+    min-height: 0;
 }
 
 .file:hover > img {
@@ -294,12 +296,12 @@ input[type=submit]:hover {
     font-weight: normal;
     padding: 0rem;
     border-bottom: 1px solid #bbb;
-
+    font-size: 1.3rem;
 }
 
 .filesystem > h2 button {
     border: none;
-    padding: 0.3rem 1.1rem;
+    padding: 0.3rem 1rem;
     background: inherit;
     border-radius: 0;
 }
@@ -328,7 +330,7 @@ input[type=submit]:hover {
     user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
-    padding: 0 0.2rem;
+    padding: 0 0.1rem;
     align-self: center;
 }