From 6c32fda78d041d81b3a6a1f22289a3260ae60fd1 Mon Sep 17 00:00:00 2001
From: neon443 <69979447+neon443@users.noreply.github.com>
Date: Wed, 9 Jul 2025 20:39:34 +0100
Subject: [PATCH] add a label to show the current and grouped the slider and
 the label

---
 ShhShell/Views/Fonts/FontManagerView.swift | 29 ++++++++++++++--------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/ShhShell/Views/Fonts/FontManagerView.swift b/ShhShell/Views/Fonts/FontManagerView.swift
index abdf11c..2e925af 100644
--- a/ShhShell/Views/Fonts/FontManagerView.swift
+++ b/ShhShell/Views/Fonts/FontManagerView.swift
@@ -10,19 +10,28 @@ import SwiftUI
 struct FontManagerView: View {
 	@ObservedObject var hostsManager: HostsManager
 	
-	@State var testLine: String = "the lazy bronw fox jumps over the lazy dog"
+	@State var testLine: String = "the lazy brown fox jumps over the lazy dog"
 	
 	var body: some View {
 		List {
-			Slider(value: $hostsManager.fontSize, in: 1...15, step: 1) {
-				Text("\(Int(hostsManager.fontSize))")
-//				Label("\(Int(hostsManager.fontSize))", systemImage: "textformat.size")
-			} minimumValueLabel: {
-				Label("", systemImage: "textformat.size.smaller")
-			} maximumValueLabel: {
-				Label("", systemImage: "textformat.size.larger")
-			} onEditingChanged: { bool in
-				hostsManager.saveFonts()
+			VStack {
+				HStack {
+					Text("Font Size")
+					Spacer()
+					Text("\(Int(hostsManager.fontSize))")
+						.contentTransition(.numericText())
+				}
+				.padding(.horizontal)
+				
+				Slider(value: $hostsManager.fontSize, in: 1...20, step: 1) {
+					
+				} minimumValueLabel: {
+					Label("", systemImage: "textformat.size.smaller")
+				} maximumValueLabel: {
+					Label("", systemImage: "textformat.size.larger")
+				} onEditingChanged: { bool in
+					hostsManager.saveFonts()
+				}
 			}
 			
 			ForEach(FontFamilies.allCasesRaw, id: \.self) { fontName in