From: Hannes Heute <haheute@posteo.de>
Date: Wed, 3 Jul 2024 10:42:38 +0000 (+0200)
Subject: improve log view table for mobile width using display:grid
X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=cd526f4e1dc1345645d6fa3799601a5314f5d892;p=friendica.git

improve log view table for mobile width using display:grid
---

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>