From f79da86209a44832f6e6de888e826a936eb27404 Mon Sep 17 00:00:00 2001
From: dd84ai <dd84ai@gmail.com>
Date: Mon, 1 Apr 2024 09:01:42 +0200
Subject: [PATCH] feat: increase mobile friendliness

---
 darkstat/front/shared.templ | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/darkstat/front/shared.templ b/darkstat/front/shared.templ
index 0888f19..27dc33d 100644
--- a/darkstat/front/shared.templ
+++ b/darkstat/front/shared.templ
@@ -53,11 +53,11 @@ templ TabContent() {
 				
 				& #table-top {
 					overflow: scroll;
-					height: calc(70vh - 50px) !important;
+					height: calc(60vh - 50px) !important;
 				}
 				& #table-bottom {
 					overflow: scroll;
-					height: 30vh;
+					height: 40vh;
 				}
 			}
 			& #infocard_view {
@@ -85,9 +85,14 @@ templ Heading() {
 			display: flex;
 			flex-direction: row;
 			justify-content: space-between;
+			min-height: 30px;
 		}
 		.right {
 			margin: 10px;
+			
+		}
+		.left {
+			align-self: stretch;
 		}
 	</style>
 	<div class="heading">
@@ -104,14 +109,16 @@ templ TabMenu(url utils_types.FilePath) {
 	<style>
 	.tab-list {
 		height: 100%;
+		display: flex;
+    	flex-wrap: wrap;
+    	flex-direction: row;
+		align-content: stretch;
 
 		.selected {
 			filter: brightness(85%);
 		}
 		& button {
-			min-width: 100px;
-			min-height: 30px;
-			height: 100%;
+			min-width: 80px;
 		}
 	}
 	</style>