From 6b33f7973777955e81f902bc636e8e38be384b13 Mon Sep 17 00:00:00 2001
From: Joshua Ryder <ryderjj89@outlook.com>
Date: Mon, 6 Oct 2025 19:12:52 -0400
Subject: [PATCH] Font size adjustment

---
 pages/[slug].vue | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/pages/[slug].vue b/pages/[slug].vue
index 88d24a0..7742af6 100644
--- a/pages/[slug].vue
+++ b/pages/[slug].vue
@@ -29,14 +29,12 @@
             </div>
           </div>
           <!-- Font Size Selector Below Buttons on Mobile -->
-          <div class="flex items-center gap-2">
-            <svg class="w-5 h-5 text-gray-700" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129" />
-            </svg>
+          <div class="flex items-center justify-end gap-2">
+            <label for="font-size-mobile" class="text-xs font-medium text-gray-700 whitespace-nowrap">Size:</label>
             <select
               id="font-size-mobile"
               v-model="fontSize"
-              class="flex-1 px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 text-sm"
+              class="px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 text-sm"
             >
               <option value="small">Small</option>
               <option value="medium">Medium</option>