From 00e0041e737e6c881b934a11c1e32c748d5b33e2 Mon Sep 17 00:00:00 2001
From: Mattk70 <email@mattkirkland.co.uk>
Date: Tue, 1 Oct 2024 13:53:52 +0100
Subject: [PATCH] Ability to Adjust the spectrogram height by dragging
 transport control bar

---
 js/ui.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/js/ui.js b/js/ui.js
index 13bcaff5..d5f2caec 100644
--- a/js/ui.js
+++ b/js/ui.js
@@ -1365,6 +1365,7 @@ function adjustSpecDims(redraw, fftSamples, newHeight) {
     // Function to set the font size scale
     function setFontSizeScale() {
         document.documentElement.style.setProperty('--font-size-scale', config.fontScale);
+        updatePrefs('config.json', config)
     }
 
 
@@ -1637,7 +1638,7 @@ window.onload = async () => {
         initWavesurfer({});
         // Set UI option state
         // Fontsize
-        setFontSizeScale();
+        config.fontScale === 1 || setFontSizeScale();
         // Map slider value to batch size
         DOM.batchSizeSlider.value = BATCH_SIZE_LIST.indexOf(config[config.backend].batchSize);
         DOM.batchSizeSlider.max = (BATCH_SIZE_LIST.length - 1).toString();
@@ -4365,12 +4366,14 @@ DOM.gain.addEventListener('input', () => {
                 break;
             }
             case 'increaseFont': {
-                config.fontScale += 0.1;
+                const fontScale = parseFloat((config.fontScale + 0.1).toFixed(1));
+                config.fontScale = fontScale;
                 setFontSizeScale();
                 break;
             }
             case 'decreaseFont': {
-                config.fontScale = Math.max(0.5, config.fontScale - 0.1); // Don't let it go below 0.5
+                const fontScale = parseFloat(Math.max(0.5, config.fontScale - 0.1).toFixed(1)); // Don't let it go below 0.5
+                config.fontScale = fontScale;
                 setFontSizeScale();
                 break
             }