From cd526f4e1dc1345645d6fa3799601a5314f5d892 Mon Sep 17 00:00:00 2001
From: Hannes Heute <haheute@posteo.de>
Date: Wed, 3 Jul 2024 12:42:38 +0200
Subject: [PATCH] improve log view table for mobile width using display:grid

---
 view/theme/frio/css/style.css                 | 17 ++++++++++++++++-
 view/theme/frio/templates/admin/logs/view.tpl |  2 +-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index a31a690aa7..9007cb5e54 100644
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -3324,10 +3324,25 @@ li.addon {
 #adminpage .addon .desc {
 	padding-left: 10px;
 }
+#adminpage h2 {
+	word-break: break-all;
+}
+#adminpage .table-logs-grid thead tr {
+	display: grid;
+	grid-auto-flow: row;
+}
+@media (min-width: 600px) {
+	#adminpage .table-logs-grid thead tr {
+		grid-auto-flow: column;
+	}
+}
+#adminpage .table-logs-grid tbody {
+	display: grid;
+}
 #adminpage td.log-message,
 #logdetail td.log-message {
 	width: 80%;
-	word-break: break-all;
+	word-break: break-word;
 }
 #admin-users #users tr.blocked {
 	background-color: #f8efc0;
diff --git a/view/theme/frio/templates/admin/logs/view.tpl b/view/theme/frio/templates/admin/logs/view.tpl
index 2b0a8c7204..ffeb1671ca 100644
--- a/view/theme/frio/templates/admin/logs/view.tpl
+++ b/view/theme/frio/templates/admin/logs/view.tpl
@@ -22,7 +22,7 @@
 			</div>
 		</form>
 
-		<table class="table table-hover">
+		<table class="table table-hover table-logs-grid">
 			<thead>
 				<tr>
 					<th>{{$l10n.Date}}</th>