From a5b6325339d6f183db38c198e80e76a3f8c42e63 Mon Sep 17 00:00:00 2001
From: Tine <tine@tjo.space>
Date: Tue, 14 May 2024 21:47:09 +0200
Subject: [PATCH] fix: align settings to center

---
 web/templates/components/settings.tmpl | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/web/templates/components/settings.tmpl b/web/templates/components/settings.tmpl
index 9683859..e0136fd 100644
--- a/web/templates/components/settings.tmpl
+++ b/web/templates/components/settings.tmpl
@@ -8,7 +8,7 @@
 
 
   <div
-    class="mx-8 mt-8 max-w-screen-xl lg:mt-20 grid grid-cols-1 lg:grid-cols-[min-content_minmax(0,1fr)] gap-8"
+    class="mx-8 mt-8 max-w-screen-xl lg:mt-20 grid grid-cols-1 lg:grid-cols-[min-content_minmax(0,1fr)] gap-8 self-center"
   >
     <ul class="sidebar">
       {{ range .SettingsSidebar }}
@@ -18,14 +18,26 @@
             {{ if $active }}aria-current="true"{{ end }}
             href="{{ .Path }}"
             class="{{ if $active }}active{{ end }}"
-            {{ if eq .Title "Temporal" }}target="_blank" rel="noreferrer noopener"{{ end }}
+            {{ if eq .Title "Temporal" }}
+              target="_blank" rel="noreferrer noopener"
+            {{ end }}
           >
             {{ .Title }}
-            {{ if eq .Title "Targets" }}<span class="text-slate-400">(3)</span>{{ end }}
-            {{ if eq .Title "Monitors" }}<span class="text-slate-400">(3)</span>{{ end }}
-            {{ if eq .Title "Triggers" }}<span class="text-slate-400">(3)</span>{{ end }}
-            {{ if eq .Title "Notifications" }}<span class="text-slate-400">(3)</span>{{ end }}
-            {{ if eq .Title "Worker Groups" }}<span class="text-slate-400">(3)</span>{{ end }}
+            {{ if eq .Title "Targets" }}
+              <span class="text-slate-400">(3)</span>
+            {{ end }}
+            {{ if eq .Title "Monitors" }}
+              <span class="text-slate-400">(3)</span>
+            {{ end }}
+            {{ if eq .Title "Triggers" }}
+              <span class="text-slate-400">(3)</span>
+            {{ end }}
+            {{ if eq .Title "Notifications" }}
+              <span class="text-slate-400">(3)</span>
+            {{ end }}
+            {{ if eq .Title "Worker Groups" }}
+              <span class="text-slate-400">(3)</span>
+            {{ end }}
           </a>
         </li>
       {{ end }}