From 5cde83784e74287d98648eac6d132a66d4ad0c87 Mon Sep 17 00:00:00 2001
From: Kouya Heika <kouyaheika@canithesis.org>
Date: Sat, 13 Dec 2025 21:22:42 -0600
Subject: [PATCH] Improve and fix group page handling

Signed-off-by: Kouya Heika <kouyaheika@canithesis.org>
---
 core/style.css | 34 +++++++++++++++++++++++++++++++---
 1 file changed, 31 insertions(+), 3 deletions(-)

diff --git a/core/style.css b/core/style.css
index adc5122..102da5f 100644
--- a/core/style.css
+++ b/core/style.css
@@ -1722,7 +1722,7 @@ body.group div.groupcard img.gicon {
 	border-left: none;
 	padding: 4px;
 }
-
+/*
 body.group div.page-container div.group-section {
 	display: flex;
 	flex-direction: row;
@@ -1737,8 +1737,8 @@ body.group div.page-container div.group-section div.sidebar {
 	min-width: 200px;
 	flex-grow: 0;
 }
-
-body.group div.page-container div.group-section div.sidebar > .section {
+*/
+body.group div.page-container div.sidebar > .section {
 	background-color: var(--tab-selected);
 	border: var(--tab-border);
 	margin: 4px auto;
@@ -1804,6 +1804,34 @@ body.group.create div.groupcard img.gicon {
 	}
 }
 
+@media only screen and (orientation: landscape) {
+	body.group:not(.group-edit) div.page-container {
+		display: grid;
+		grid-template-columns: repeat(4, 1fr);
+		gap: 8px;
+	}
+
+	body.group div.page-container > .groupcard {
+		grid-column: span 4 / span 4;
+	}
+
+	body.group div.page-container > .tabbed-page {
+		display: block;
+		grid-column: span 3 / span 3;
+		grid-row-start: 2;
+	}
+
+	body.group div.page-container > .tabbed-page .cardholder {
+		display: inline-block;
+		width: 292px;
+	}
+
+	body.group div.page-container > .sidebar {
+		grid-column-start: 4;
+		grid-row-start: 2;
+	}
+}
+
 /* == MISC */
 
 heading .button {