From 0092ae6c3a807c330b0856d79fa73c8d4fe31e18 Mon Sep 17 00:00:00 2001
From: fedyna-k <fedyna.kevin@gmail.com>
Date: Wed, 15 Jan 2025 23:04:49 +0100
Subject: [PATCH] Minor CSS fixe

---
 static/styles/app-cards.css | 9 +++++++--
 static/styles/app.css       | 7 +++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/static/styles/app-cards.css b/static/styles/app-cards.css
index e40bbea..c66d359 100644
--- a/static/styles/app-cards.css
+++ b/static/styles/app-cards.css
@@ -6,7 +6,12 @@
 }
 
 .app-card {
-  text-align: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 10em;
+  height: 10em;
   padding: 1em;
   border-radius: 0.5em;
   font-weight: 700;
@@ -46,5 +51,5 @@
 }
 
 .app-card > span {
-  font-size: 4em;
+  font-size: 6em;
 }
diff --git a/static/styles/app.css b/static/styles/app.css
index cd59267..6dbd54c 100644
--- a/static/styles/app.css
+++ b/static/styles/app.css
@@ -48,3 +48,10 @@
   transform: scaleY(1);
   transform-origin: top;
 }
+
+@media screen and (max-width: 1024px) {
+  #app {
+    grid-template-rows: auto 1fr;
+    grid-template-columns: none;
+  }
+}