From fa996692fe33d10f4e352fa30eebd8fc83838c99 Mon Sep 17 00:00:00 2001
From: Alex <$(pass /github/email)>
Date: Tue, 4 Mar 2025 10:04:06 +0100
Subject: [PATCH] inputfield: readonly is more prominent

---
 frontend/src/lib/components/InputField.svelte | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/InputField.svelte b/frontend/src/lib/components/InputField.svelte
index 856d921..c8a78db 100644
--- a/frontend/src/lib/components/InputField.svelte
+++ b/frontend/src/lib/components/InputField.svelte
@@ -132,8 +132,11 @@
 		{/if}
 		{#if readonly}
 			<input {name} type="hidden" bind:value />
-		{/if}
-		{#if type === 'select'}
+
+			<span class="label"
+				>{type == 'select' && typeof value === 'number' ? options[value].label : value}</span
+			>
+		{:else if type === 'select'}
 			<select
 				{name}
 				bind:value
@@ -176,7 +179,7 @@
 <style>
 	:root {
 		--form-control-color: var(--green); /* Changed from #6bff55 */
-		--form-control-disabled: var(--overlay0); /* Changed from #959495 */
+		--form-control-disabled: var(--subtext1); /* Changed from #959495 */
 	}
 
 	.form-control {