From db1d2d75d67b4fc62148c6b0ab95ae33fe2ffd59 Mon Sep 17 00:00:00 2001
From: Runxi Yu <me@runxiyu.org>
Date: Mon, 10 Mar 2025 23:53:43 +0800
Subject: css, html: Fix for multi-row headers and footers

---
 static/style.css     | 32 +++++++++++++++++++-------------
 templates/group.tmpl |  2 +-
 templates/login.tmpl |  2 +-
 3 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/static/style.css b/static/style.css
index 85b0e5a..1c94836 100644
--- a/static/style.css
+++ b/static/style.css
@@ -76,7 +76,7 @@ html, code, pre {
 	display: table-row-group;
 }
 
-table.rounded {
+table.rounded, table.rounded-footed {
 	overflow: hidden;
 	border-spacing: 0;
 	border-collapse: separate;
@@ -84,29 +84,35 @@ table.rounded {
 	border: var(--lighter-border-color) solid 1px;
 }
 
-table.rounded th, table.rounded td {
+table.rounded th, table.rounded td,
+table.rounded-footed th, table.rounded-footed td {
 	border: none;
 }
 
 table.rounded th:not(:last-child),
-table.rounded td:not(:last-child) {
+table.rounded td:not(:last-child),
+table.rounded-footed th:not(:last-child),
+table.rounded-footed td:not(:last-child) {
 	border-right: var(--lighter-border-color) solid 1px;
 }
 
-table.rounded>thead>tr:not(:last-child)>th,
-table.rounded>thead>tr:not(:last-child)>td,
+table.rounded>thead>tr>th,
+table.rounded>thead>tr>td,
 table.rounded>tbody>tr:not(:last-child)>th,
-table.rounded>tbody>tr:not(:last-child)>td,
-table.rounded>tfoot>tr:not(:last-child)>th,
-table.rounded>tfoot>tr:not(:last-child)>td,
-table.rounded>tr:not(:last-child)>td,
-table.rounded>tr:not(:last-child)>th,
-table.rounded>thead:not(:last-child),
-table.rounded>tbody:not(:last-child),
-table.rounded>tfoot:not(:last-child) {
+table.rounded>tbody>tr:not(:last-child)>td {
 	border-bottom: var(--lighter-border-color) solid 1px;
 }
 
+table.rounded-footed>thead>tr>th,
+table.rounded-footed>thead>tr>td,
+table.rounded-footed>tbody>tr>th,
+table.rounded-footed>tbody>tr>td,
+table.rounded-footed>tfoot>tr:not(:last-child)>th,
+table.rounded-footed>tfoot>tr:not(:last-child)>td {
+	border-bottom: var(--lighter-border-color) solid 1px;
+}
+
+
 /* Footer styles */
 footer {
 	margin-top: 1rem;
diff --git a/templates/group.tmpl b/templates/group.tmpl
index 9c8c9eb..98d4c76 100644
--- a/templates/group.tmpl
+++ b/templates/group.tmpl
@@ -22,7 +22,7 @@
 		{{- if .direct_access -}}
 			<div class="padding-wrapper">
 				<form method="POST" enctype="application/x-www-form-urlencoded">
-					<table class="rounded">
+					<table class="rounded-footed">
 						<thead>
 							<tr>
 								<th class="title-row" colspan="2">
diff --git a/templates/login.tmpl b/templates/login.tmpl
index c5409af..3bac030 100644
--- a/templates/login.tmpl
+++ b/templates/login.tmpl
@@ -13,7 +13,7 @@
 		{{- .login_error -}}
 		<div class="padding-wrapper">
 				<form method="POST" enctype="application/x-www-form-urlencoded">
-					<table class="rounded">
+					<table class="rounded-footed">
 						<thead>
 							<tr>
 								<th class="title-row" colspan="2">
-- 
cgit v1.2.3