From ad4f34c7dbee4768bf6e1a701a939f17c030db5c Mon Sep 17 00:00:00 2001
From: mst <oivan2401@gmail.com>
Date: Tue, 26 Nov 2024 15:15:46 +0300
Subject: [PATCH] slight ui improvements

---
 templates/admin/categories/customize.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/templates/admin/categories/customize.html b/templates/admin/categories/customize.html
index a57540e..1625f92 100644
--- a/templates/admin/categories/customize.html
+++ b/templates/admin/categories/customize.html
@@ -6,7 +6,7 @@
 	<h3 class="fw-light">Favicon</h3>
 	<form hx-post="{{ url_for('api.uploadFavicon') }}" hx-target="#response-container" hx-swap="none" hx-encoding="multipart/form-data">
 		<p class="m-0">Current favicon: <img src="{{ url_for('static', filename='icons/favicon/apple-touch-icon.png') }}" width="32" height="32" alt="{{ cfg.instance.title }}'s icon" class="rounded"></p>
-		<div>
+		<div class="mt-2">
 			<label for="favicon" class="form-label">Upload favicon</label>
 			<input class="form-control" type="file" id="favicon" name="favicon">
 		</div>
@@ -14,7 +14,7 @@
 			<button type="submit" class="btn btn-primary mt-3" id="saveFavicon">
 				<span class="spinner-border spinner-border-sm htmx-indicator" aria-hidden="true"></span>
 				<span class="visually-hidden" role="status">Loading...</span>
-				Upload
+				<i class="bi bi-file-earmark-arrow-up me-1"></i> Upload
 			</button>
 		</div>
 	</form>
@@ -23,12 +23,12 @@
 		{# <h4 class="fw-light">Color</h4> #}
 		<div class="form-group d-flex flex-column">
 			<label class="form-label" for="style.accentLight">Light theme</label>
-			<input type="text" name="style.accentLight" id="style.accentLight" value="{{ cfg.style.accentLight }}" class="form-control" data-coloris>
+			<input type="text" name="style.accentLight" id="style.accentLight" value="{{ cfg.style.accentLight }}" class="form-control" data-coloris title="Click to open the color picker">
 			<p class="form-text">Default: <b>#6345d9</b></p>
 		</div>
 		<div class="form-group d-flex flex-column">
 			<label class="form-label" for="style.accentDark">Dark theme</label>
-			<input type="text" name="style.accentDark" id="style.accentDark" value="{{ cfg.style.accentDark }}" class="form-control" data-coloris>
+			<input type="text" name="style.accentDark" id="style.accentDark" value="{{ cfg.style.accentDark }}" class="form-control" data-coloris title="Click to open the color picker">
 			<p class="form-text">Default: <b>#7a63e3</b></p>
 		</div>
 		{# brain doesn't feel like implementing this rn (9/27/24)