From 3e93f134cf039d73b6f02e37ab9876f4581fa6b7 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Fri, 9 Oct 2026 10:47:20 +0200
Subject: [PATCH] fix left class

---
 src/App.vue         | 2 +-
 src/assets/main.css | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 5a21418..2a58c5a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -355,7 +355,7 @@ watch(
       <h2 id="presetsMessage" v-if="presets.length == 0">No Presets defined</h2>
       <div id="presetsItems" :class="{ list: view == 'list', grid: view == 'grid' }">
         <button v-for="preset in sortedPresets" :key="preset.id" class="presetItem" :class="{ selected: selectedPreset === preset }" @click="startPreset(preset)">
-          <h3 class="grow left">{{ preset.title || preset.tempo }}</h3>
+          <h3 class="grow">{{ preset.title || preset.tempo }}</h3>
           <h2>{{ preset.tempo }}</h2>
         </button>
       </div>
diff --git a/src/assets/main.css b/src/assets/main.css
index d2798ab..7d71a30 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -246,10 +246,11 @@ input[type="number"] {
 
 #tapButton {
   border-radius: 32px;
+  border: 1px solid var(--gray);
   height: 64px;
   width: 64px;
   margin: -8px;
-  background: var(--secondary);
+  background: var(--white);
   box-shadow: 0 0px 4px var(--shadow);
 }