From 8d0b75ba3b7df777f574458b26a61aa39d11fc4e Mon Sep 17 00:00:00 2001
From: Tin Geber <tin@greenhost.nl>
Date: Thu, 22 Jun 2023 15:01:25 +0200
Subject: [PATCH] tiny tin's tiny tweak

---
 backend/web/static/css/main.css | 76 ++++++++++++++++++++++++++++++++-
 backend/web/templates/base.html |  2 +-
 2 files changed, 76 insertions(+), 2 deletions(-)

diff --git a/backend/web/static/css/main.css b/backend/web/static/css/main.css
index ab2a1351..5821f614 100644
--- a/backend/web/static/css/main.css
+++ b/backend/web/static/css/main.css
@@ -852,14 +852,88 @@ video {
     margin-bottom: 0px;
   }
 
-  .md\:w-8\/12 {
+  .md\:min-h-full {
+    min-height: 100%;
+  }
+
+  .md\:w-20 {
+    width: 5rem;
+  }
+
+  .md\:w-1\/6 {
+    width: 16.666667%;
+  }
+
+  .md\:w-2\/6 {
+    width: 33.333333%;
+  }
+
+  .md\:w-1\/4 {
+    width: 25%;
+  }
+
+  .md\:w-1\/2 {
+    width: 50%;
+  }
+
+  .md\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .md\:w-80 {
+    width: 20rem;
+  }
+
+  .md\:w-96 {
+    width: 24rem;
+  }
+
+  .md\:w-2\/3 {
     width: 66.666667%;
   }
+
+  .md\:max-w-md {
+    max-width: 28rem;
+  }
+
+  .md\:max-w-sm {
+    max-width: 24rem;
+  }
+
+  .md\:max-w-lg {
+    max-width: 32rem;
+  }
+
+  .md\:flex-col {
+    flex-direction: column;
+  }
+
+  .md\:justify-center {
+    justify-content: center;
+  }
 }
 
 @media (min-width: 1024px) {
+  .lg\:w-1\/4 {
+    width: 25%;
+  }
+
+  .lg\:w-1\/3 {
+    width: 33.333333%;
+  }
+
   .lg\:px-8 {
     padding-left: 2rem;
     padding-right: 2rem;
   }
 }
+
+@media (min-width: 1280px) {
+  .xl\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .xl\:max-w-md {
+    max-width: 28rem;
+  }
+}
diff --git a/backend/web/templates/base.html b/backend/web/templates/base.html
index 1313210d..8cadf738 100644
--- a/backend/web/templates/base.html
+++ b/backend/web/templates/base.html
@@ -31,7 +31,7 @@
 
 
     <div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
-        <div class="sm:mx-auto sm:w-full md:w-8/12 bg-white shadow rounded-lg space-y-8 mb-4 md:mb-0 p-8">
+        <div class="mx-auto w-full h-full md:w-2/3 md:max-w-lg bg-white shadow rounded-lg space-y-8 mb-4 md:mb-0 p-8">
 
             <div id="contentFlowExpired" class='alert alert-warning' style='display:none'>Your request has expired.
                 Please resubmit your request.</div>
-- 
GitLab