From 4639d8a78d5f4c16c8ab285921d027a21733aacc Mon Sep 17 00:00:00 2001
From: Izalia Mae <izalia@barkshark.xyz>
Date: Sun, 3 Mar 2024 18:28:49 -0500
Subject: [PATCH] minor frontend tweaks

---
 relay/frontend/base.haml                   |  9 ++++++--
 relay/frontend/page/admin-domain_bans.haml |  2 +-
 relay/frontend/page/admin-instances.haml   |  5 ++++-
 relay/frontend/style.css                   | 25 +++++++++++++++++++---
 relay/frontend/style/domain_bans.css       |  8 -------
 relay/frontend/style/instances.css         |  8 -------
 6 files changed, 34 insertions(+), 23 deletions(-)

diff --git a/relay/frontend/base.haml b/relay/frontend/base.haml
index 13b83e9..aa118bd 100644
--- a/relay/frontend/base.haml
+++ b/relay/frontend/base.haml
@@ -35,8 +35,13 @@
 
 		#container
 			#header.section
-				%span#menu-open.button << &#8286;
-				%a(href="https://{{domain}}/") -> =config.name
+				%span#menu-open << &#8286;
+				%span.title-container
+					%a.title(href="/") -> =config.name
+
+					-if view.request.path not in ["/", "/login"]
+						.page -> =page
+
 				.empty
 
 			-if error
diff --git a/relay/frontend/page/admin-domain_bans.haml b/relay/frontend/page/admin-domain_bans.haml
index e2b3e5a..fc5010a 100644
--- a/relay/frontend/page/admin-domain_bans.haml
+++ b/relay/frontend/page/admin-domain_bans.haml
@@ -21,7 +21,7 @@
 			%thead
 				%tr
 					%td.domain << Instance
-					%td.date << Joined
+					%td << Joined
 					%td.remove
 
 			%tbody
diff --git a/relay/frontend/page/admin-instances.haml b/relay/frontend/page/admin-instances.haml
index b563383..c366acc 100644
--- a/relay/frontend/page/admin-instances.haml
+++ b/relay/frontend/page/admin-instances.haml
@@ -7,10 +7,13 @@
 			#add-instance
 				%label(for="domain") << Domain
 				%input(type="domain", id="domain" name="domain", placeholder="Domain")
+
 				%label(for="actor") << Actor URL
 				%input(type="url", id="actor" name="actor", placeholder="Actor URL")
+
 				%label(for="inbox") << Inbox URL
 				%input(type="url", id="inbox" name="inbox", placeholder="Inbox URL")
+
 				%label(for="software") << Software
 				%input(name="software", id="software" placeholder="software")
 
@@ -22,7 +25,7 @@
 				%tr
 					%td.instance << Instance
 					%td.software << Software
-					%td.date << Joined
+					%td << Joined
 					%td.remove
 
 			%tbody
diff --git a/relay/frontend/style.css b/relay/frontend/style.css
index 986426f..b489fb1 100644
--- a/relay/frontend/style.css
+++ b/relay/frontend/style.css
@@ -53,6 +53,7 @@ table {
 	border: 1px solid var(--primary);
 	border-radius: 5px;
 	border-spacing: 0px;
+	width: 100%;
 }
 
 table tbody tr:nth-child(even) td {
@@ -81,7 +82,8 @@ table td {
 
 table thead td {
 	background-color: var(--primary);
-	color: var(--table-background)
+	color: var(--background);
+	text-align: center;
 }
 
 table tbody td {
@@ -105,8 +107,17 @@ table tbody td {
 	font-size: 2em;
 }
 
-#header > *:nth-child(2) {
+#header .title-container {
+	text-align: center;
+}
+
+#header .title {
 	font-weight: bold;
+	line-height: 0.75em;
+}
+
+#header .page {
+	font-size: 0.5em;
 }
 
 #menu {
@@ -153,11 +164,19 @@ table tbody td {
 	color: var(--primary);
 }
 
+#menu-open {
+	color: var(--primary);
+}
+
+#menu-open:hover {
+	color: var(--primary-hover);
+}
+
 #menu-open, #menu-close {
 	cursor: pointer;
 }
 
-#menu-close, #menu-open {
+#menu-open, #menu-close {
 	min-width: 35px;
 	text-align: center;
 }
diff --git a/relay/frontend/style/domain_bans.css b/relay/frontend/style/domain_bans.css
index 437ab98..af4705a 100644
--- a/relay/frontend/style/domain_bans.css
+++ b/relay/frontend/style/domain_bans.css
@@ -14,10 +14,6 @@ table .items {
 	margin-top: var(--spacing);
 }
 
-#domains table {
-	width: 100%;
-}
-
 #domains .domain {
 	width: 100%;
 }
@@ -27,10 +23,6 @@ table .items {
 	text-align: right;
 }
 
-#domains thead td {
-	text-align: center !important;
-}
-
 #add-domain {
 	display: grid;
 	grid-template-columns: max-content auto;
diff --git a/relay/frontend/style/instances.css b/relay/frontend/style/instances.css
index 8e8789b..256ca12 100644
--- a/relay/frontend/style/instances.css
+++ b/relay/frontend/style/instances.css
@@ -3,10 +3,6 @@ form input[type="submit"] {
 	margin: 0 auto;
 }
 
-#instances table {
-	width: 100%;
-}
-
 #instances .instance {
 	width: 100%;
 }
@@ -20,10 +16,6 @@ form input[type="submit"] {
 	text-align: right;
 }
 
-#instances thead td {
-	text-align: center !important;
-}
-
 #add-instance {
 	display: grid;
 	grid-template-columns: max-content auto;