From a1d817648b8ade40601d7d4e763ed04a7cccdd62 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=ADctor=20Losada=20Hern=C3=A1ndez?=
 <losada.hernandez.victor@gmail.com>
Date: Fri, 25 Sep 2026 16:40:33 +0200
Subject: [PATCH] small changes to the font-size component

---
 .../editor/settingsEditor/settingsEditor.jsx       | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/client/homebrew/editor/settingsEditor/settingsEditor.jsx b/client/homebrew/editor/settingsEditor/settingsEditor.jsx
index f4043e274..9d8d9c07e 100644
--- a/client/homebrew/editor/settingsEditor/settingsEditor.jsx
+++ b/client/homebrew/editor/settingsEditor/settingsEditor.jsx
@@ -38,7 +38,7 @@ const SettingsEditor = ({ settings, updateSettings = ()=>{}, EditorThemeNameList
 	};
 
 	return (
-		<div className='settingsEditor ui-editor'>
+		<div className='settingsEditor uiEditor'>
 			<h1>Editor Settings</h1>
 
 			<div className='field'>
@@ -119,17 +119,23 @@ const SettingsEditor = ({ settings, updateSettings = ()=>{}, EditorThemeNameList
 				</label>
 
 				<div className='value'>
-					<small style={{ fontSize: `${settings.fontSize || 1}em` }}>from 6.5px to 26px</small>
+					<small style={{ fontSize: `${settings.fontSize || 1}em` }}>from 7px to 26px</small>
 					<input
 						id='fontSize'
 						type='range'
-						min={.6}
+						min={.5}
 						step={.1}
 						max={2}
+						list='font-sizes'
 						name='fontSize'
-						value={settings.fontSize}
+						title={`${Math.round(settings.fontSize * 13)}px`}
+						value={settings.fontSize || 1}
 						onChange={(e)=>handleFieldChange('fontSize', e)}
 					/>
+					<datalist id='font-sizes'>
+					<option value='1' />
+					</datalist>
+
 				</div>
 			</div>
 		</div>