add a label to show the current

and grouped the slider and the label

ShhShell/Views/Fonts/FontManagerView.swift

@@ -10,13 +10,21 @@ 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) {
+			VStack {
+				HStack {
+					Text("Font Size")
+					Spacer()
 					Text("\(Int(hostsManager.fontSize))")
-//				Label("\(Int(hostsManager.fontSize))", systemImage: "textformat.size")
+						.contentTransition(.numericText())
+				}
+				.padding(.horizontal)
+				
+				Slider(value: $hostsManager.fontSize, in: 1...20, step: 1) {
+					
 				} minimumValueLabel: {
 					Label("", systemImage: "textformat.size.smaller")
 				} maximumValueLabel: {
@@ -24,6 +32,7 @@ struct FontManagerView: View {
 				} onEditingChanged: { bool in
 					hostsManager.saveFonts()
 				}
+			}
 			
 			ForEach(FontFamilies.allCasesRaw, id: \.self) { fontName in
 				let selected = hostsManager.selectedFont == fontName