feat: increase mobile friendliness

darklab8 · Apr 1, 2024 · f79da86 · f79da86
1 parent abe054b
commit f79da86
Showing 1 changed file with 12 additions and 5 deletions.
diff --git 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>