release: 4.6.87 .section-title flex layout + .section-title-label

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "twitch-vod-manager",
-  "version": "4.6.86",
+  "version": "4.6.87",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "twitch-vod-manager",
-      "version": "4.6.86",
+      "version": "4.6.87",
       "license": "MIT",
       "dependencies": {
         "axios": "^1.6.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "twitch-vod-manager",
-  "version": "4.6.86",
+  "version": "4.6.87",
   "description": "Twitch VOD Manager - Download Twitch VODs easily",
   "main": "dist/main.js",
   "author": "xRangerDE",

src/index.html

@@ -216,8 +216,8 @@
                 </div>
             </nav>
 
-            <div class="section-title" id="streamerSectionTitle" style="display:flex; align-items:center; gap:6px; justify-content:space-between;">
-                <span style="display:flex; align-items:baseline; gap:8px;">
+            <div class="section-title" id="streamerSectionTitle">
+                <span class="section-title-label">
                     <span id="streamerSectionTitleText">Streamer</span>
                     <span id="streamerSectionCounter" class="streamer-section-counter"></span>
                 </span>

src/styles.css

@@ -105,6 +105,19 @@ body {
     color: var(--text-secondary);
     padding: 15px 15px 8px;
     letter-spacing: 0.5px;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    justify-content: space-between;
+}
+
+/* Inner label group inside .section-title — keeps the title text and
+   the streamer-section-counter aligned on the text baseline as a single
+   unit, separate from the bulk-remove X button that pins to the right. */
+.section-title-label {
+    display: flex;
+    align-items: baseline;
+    gap: 8px;
 }
 
 .streamers {