From 036afaecf8a072eb543af427e337a6e12c0cb8d4 Mon Sep 17 00:00:00 2001
From: justcool393 <justcool393@gmail.com>
Date: Sat, 26 Nov 2022 13:08:26 -0600
Subject: [PATCH] log: fix word wrap bug log: remove network bloat by abt 10x

---
 files/assets/css/main.css | 15 +++++++++++++++
 files/templates/log.html  |  2 +-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 0b8950ec0..06dc5e160 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -6408,3 +6408,18 @@ div.markdown {
 		overflow: scroll;
 	}
 }
+
+.modlog-action {
+	display: flex;
+	flex-wrap: wrap;
+	background: var(--gray-600) !important;
+	position: relative;
+	align-items: center;
+	justify-content: space-between;
+	overflow-wrap: anywhere;
+	padding: 1rem 1rem 1rem 1rem;
+}
+
+.modlog-action:not(:first-of-type) {
+	border-top: 1px solid var(--gray-400) !important;
+}
diff --git a/files/templates/log.html b/files/templates/log.html
index aba6d6f7e..7ee238d3c 100644
--- a/files/templates/log.html
+++ b/files/templates/log.html
@@ -70,7 +70,7 @@
 
 		<div class="rounded border bg-white mx-auto">
 			{% for ma in actions %}
-				<div id="action-{{ma.id}}" class="{% if ma.unread %}unread{% endif %} position-relative d-flex justify-content-between flex-wrap align-items-center h-min-16 px-3 py-3 bg-white{% if loop.index > 1 %} border-top{% endif %}">
+				<div id="action-{{ma.id}}" class="modlog-action{% if ma.unread %} unread{% endif %}">
 				<div class="d-flex flex-grow-1 align-items-center">
 					<div class="d-flex align-items-center justify-content-center {{ma.color}} mr-3 rounded-lg flex-shrink-0" style="width: 32px;height: 32px;"><i class="far text-center {{ma.icon}} text-lg text-white fa-fw"></i></div>
 					<div class="d-flex align-items-center">