From c1abe65d7eabf754223120a84f26734b1046f3e8 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Thu, 8 Oct 2026 22:49:20 +0200
Subject: [PATCH] clean up some css parts

---
 src/App.vue         |  1 -
 src/assets/main.css | 35 ++++++++++++++---------------------
 2 files changed, 14 insertions(+), 22 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 5163cda..395a5ad 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -285,7 +285,6 @@ watch(
         <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>
           <h2>{{ preset.tempo }}</h2>
-          <span style="color: var(--neutral-gray);">bpm</span>
         </button>
       </div>
     </div>
diff --git a/src/assets/main.css b/src/assets/main.css
index 06782ee..138fe6e 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -153,40 +153,33 @@ button#stop {
   margin: 4px;
 }
 
-#presetsItems.list .presetItem {
-  align-items: center;
-}
-
-#presetsItems.list .presetItem h2 {
+.presetItem h3 {
   margin: 4px;
-}
-
-#presetsItems.list .presetItem h3 {
-  text-align: left;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  color: var(--gray);
+  font-weight: lighter;
+  text-align: left;
+}
+
+.presetItem h2 {
+  margin: 4px;
+}
+
+#presetsItems.list .presetItem {
+  align-items: center;
+  padding: 8px;
 }
 
 #presetsItems.grid .presetItem {
   min-width: 86px;
   max-width: 86px;
-  text-align: center;
+
   flex-direction: column;
   padding: 4px;
 }
 
-#presetsItems.grid .presetItem h2 {
-  margin: 4px;
-}
-
-#presetsItems.grid .presetItem h3 {
-  margin: 0;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
 .presetItem.selected {
   background-color: var(--primary);
 }