fix: align sidebar topic text with module titles and top-align chevrons

Author: azhar25git

index.html

@@ -99,12 +99,12 @@ <h3 class="mb-2 px-2 text-xs font-semibold uppercase tracking-wider text-github-
                                     class="flex w-full items-center justify-between rounded-md px-2 py-1.5 text-sm font-semibold text-github-700 hover:bg-github-100 hover:text-github-900 dark:text-github-300 dark:hover:bg-github-800 dark:hover:text-github-100"
                                     :aria-expanded="isModuleOpen(module.id)">
                                     <span x-text="module.title"></span>
-                                    <svg class="h-4 w-4 transition-transform" :class="isModuleOpen(module.id) ? 'rotate-180' : ''" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
+                                    <svg class="mt-0.5 h-4 w-4 shrink-0 self-start transition-transform" :class="isModuleOpen(module.id) ? 'rotate-180' : ''" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
                                 </button>
                                 <div x-show="isModuleOpen(module.id)" class="mt-1 space-y-0.5">
                                     <template x-for="topic in module.topics" :key="topic.id">
                                         <a :href="'#' + topic.id" @click.prevent="window.location.hash = topic.id; if (window.innerWidth < 1024) sidebarOpen = false"
-                                            class="block rounded-md px-3 py-1.5 text-sm transition-colors border-l-4"
+                                            class="block rounded-md py-1.5 pl-2 pr-3 text-sm transition-colors border-l-4"
                                             :class="activeTopic === topic.id ? 'bg-php-100 text-php-900 font-medium border-php-600 dark:bg-php-900/30 dark:text-php-300' : 'text-github-600 hover:bg-github-100 hover:text-github-900 border-transparent dark:text-github-400 dark:hover:bg-github-800 dark:hover:text-github-200'"
                                             :aria-current="activeTopic === topic.id ? 'page' : false"
                                             x-text="topic.number + '. ' + topic.title"></a>