ui: system logs style update

- Increase padding in admin log dropdown selects
- Move admin log filters above the Journaux tabs

app/public/assets/css/system.css

@@ -204,16 +204,16 @@
 }
 
 /* ── Tab panel loading state ───────────────────────────────────────────── */
-#sys-tab-panel {
+#sys-log-view {
 	min-height: 8rem;
 	position: relative;
 }
-#sys-tab-panel.htmx-request {
+#sys-log-view.htmx-request {
 	opacity: 0.4;
 	pointer-events: none;
 	transition: opacity 0.1s;
 }
-#sys-tab-panel.htmx-request::after {
+#sys-log-view.htmx-request::after {
 	content: "";
 	position: absolute;
 	inset: 0;
@@ -250,7 +250,10 @@
 	color: var(--text-secondary);
 }
 .log-toolbar select {
-	padding: var(--space-3xs) var(--space-xs);
+	padding: var(--space-xs) var(--space-s);
+	padding-right: 1.75rem;
+	line-height: 1.4;
+	min-height: 2.75rem;
 }
 .log-toolbar select:focus {
 	outline: 2px solid var(--accent-primary);

app/public/assets/js/app/admin-logs.js

@@ -3,7 +3,7 @@
  *
  * Provides:
  *   - copyLogContent(btn)  — copy visible log lines to clipboard
- *   - HTMX afterSwap handler to update active tab class on #sys-tab-panel
+ *   - HTMX afterSwap handler to update active tab class on #sys-log-view
  */
 (() => {
 	window.copyLogContent = (btn) => {
@@ -44,9 +44,9 @@
 		document.body.removeChild(ta);
 	};
 
-	// Update active tab class after each HTMX swap on #sys-tab-panel
+	// Update active tab class after each HTMX swap on #sys-log-view
 	document.body.addEventListener("htmx:afterSwap", (evt) => {
-		if (!(evt.detail.target && evt.detail.target.id === "sys-tab-panel"))
+		if (!(evt.detail.target && evt.detail.target.id === "sys-log-view"))
 			return;
 		var rc = evt.detail.requestConfig;
 		var tab = null;