From a0bd415a695d0390c7fa3b76f4344ebeda48ae4c Mon Sep 17 00:00:00 2001
From: Wirlaburla <wirlaburla@worlio.com>
Date: Tue, 19 Nov 2024 20:27:56 -0600
Subject: [PATCH] add space card styling

---
 core/style.css | 72 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 72 insertions(+)

diff --git a/core/style.css b/core/style.css
index 966ee71..a2b4efb 100644
--- a/core/style.css
+++ b/core/style.css
@@ -1644,6 +1644,78 @@ body.settings.profile .wdropdown#frame > div.select .avatar {
 	margin-right: 2px;
 }
 
+/* == GROUP/SPACE CARD */
+
+body.group div.groupcard {
+	display: flex;
+	background: var(--primary-container-background);
+	background-size: cover;
+	background-position: center;
+	border: var(--primary-container-border);
+	padding: 64px 0px 0px 0px;
+	margin: auto 4px;
+}
+
+body.group div.groupcard .gbody {
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+	width: 100%;
+}
+
+body.group div.groupcard .gbody div.row {
+	background:var(--primary-container-background);
+	border-top: var(--primary-container-border);
+	box-sizing: border-box;
+	padding: 8px;
+}
+
+body.group div.groupcard .gbody div.title.row {
+	display: flex;
+	padding: 8px;
+	width: 100%;
+}
+
+body.group div.groupcard .gbody div.title.row h2 {
+	font-family: Arial;
+	font-weight: bold;
+	flex-grow: 1;
+	margin: 0;
+}
+
+body.group div.groupcard img.gicon {
+	background: var(--primary-container-background);
+	border: var(--primary-container-border);
+	border-bottom: none;
+	border-left: none;
+	padding: 4px;
+}
+
+body.group div.page-container div.group-section {
+	display: flex;
+	flex-direction: row;
+}
+
+body.group div.page-container div.group-section div.tabbed-page {
+	flex-grow: 1;
+	margin: 4px;
+}
+
+body.group div.page-container div.group-section div.sidebar {
+	min-width: 200px;
+	flex-grow: 0;
+	background-color: var(--tab-selected);
+	border: var(--tab-border);
+	padding: 4px;
+	margin: 4px;
+}
+
+@media only screen and (orientation: portrait) {
+	body.group div.page-container div.group-section {
+		flex-direction: column-reverse;
+	}
+}
+
 /* == MISC */
 
 heading .button {