Improve carpeater info button styling for better visibility and accessibility

Author: MrAlders0n

index.html

@@ -178,7 +178,7 @@ <h2 class="text-sm font-medium text-slate-300 uppercase tracking-wide">Settings<
             <label for="carpeaterFilterEnabled" class="text-sm text-slate-300 cursor-pointer select-none">Ignore ID:</label>
             <input type="text" id="carpeaterIdInput" maxlength="2" placeholder="00" disabled
                    class="w-14 px-2 py-1 text-sm bg-slate-700 text-white border border-slate-600 rounded focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 focus:outline-none uppercase font-mono disabled:opacity-50 disabled:cursor-not-allowed">
-            <button id="carpeaterInfoLink" class="w-6 h-6 flex items-center justify-center rounded-full bg-slate-700/50 border border-slate-600 text-slate-300 hover:bg-sky-900/30 hover:border-sky-600 hover:text-sky-400 transition-all text-sm" aria-label="Carpeater filter information">
+            <button id="carpeaterInfoLink" class="w-6 h-6 flex-shrink-0 flex items-center justify-center rounded-full bg-slate-700/50 border border-slate-600 text-sky-400 hover:bg-sky-900/30 hover:border-sky-500 hover:text-sky-300 transition-all text-base leading-none" aria-label="Carpeater filter information">
               ⓘ
             </button>
           </div>