From 34df293dec1ee19cde50e33f757c8eefdbfc33d9 Mon Sep 17 00:00:00 2001
From: Alex Vitkov <alexvitkov98@gmail.com>
Date: Sat, 13 Feb 2021 01:04:54 +0200
Subject: more compact ui

---
 css/style.css | 18 ++++++++++--------
 loggedin.js   |  2 +-
 2 files changed, 11 insertions(+), 9 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;
 }
 
diff --git a/loggedin.js b/loggedin.js
index a2c211b..a703849 100644
--- a/loggedin.js
+++ b/loggedin.js
@@ -1,4 +1,4 @@
-var FORM_ASYNC = false;
+var FORM_ASYNC = true;
 
 const upload_form    = document.getElementById("upload_form");
 const the_file       = document.getElementById("the_file");
-- 
cgit v1.2.3