✔️ Fixed timer not clearing from action

- Wider font dropdown
- Version update

package.json

@@ -1,6 +1,6 @@
 {
     "name": "freeshow",
-    "version": "1.3.2",
+    "version": "1.3.3-beta.1",
     "private": true,
     "main": "build/electron/index.js",
     "description": "Show song lyrics and more for free!",

src/frontend/components/helpers/timerTick.ts

@@ -23,6 +23,7 @@ export function startTimer() {
     if (get(currentWindow)) return
     if (!get(activeTimers).filter((a) => a.paused !== true).length || timeout) return
 
+    if (timeout) clearTimeout(timeout)
     timeout = setTimeout(() => {
         let newActiveTimers = clone(get(activeTimers)).map(increment)
 
@@ -51,8 +52,12 @@ export function startTimerById(id: string) {
 }
 
 export function stopTimers() {
-    activeTimers.set([])
-    customInterval = INTERVAL
+    // timeout so timer_end action don't clear at the same time as next timer tick starts
+    setTimeout(() => {    
+        // if (timeout) clearTimeout(timeout) // clear timeout (timer does not start again then...)
+        activeTimers.set([])
+        customInterval = INTERVAL
+    }, 50)
 }
 
 function increment(timer: any, i: number) {

src/frontend/components/inputs/FontDropdown.svelte

@@ -185,11 +185,6 @@
         display: flex;
     }
 
-    .dropdownElem :global(.arrow) {
-        width: 130px !important;
-        text-transform: capitalize;
-    }
-
     div {
         background-color: var(--primary-darker);
         color: var(--text);
@@ -207,6 +202,13 @@
         border: 2px solid var(--primary-lighter);
         transform: translateY(-1px);
         z-index: 10;
+
+        width: 180%;
+        right: 0;
+    }
+    .dropdownElem :global(.dropdownElem .dropdown.arrow) {
+        /* this is currently relative to 40px anyway */
+        width: 520% !important;
     }
 
     button {