Polish NavMenu cards: tighter option spacing, lighter/tighter titles, z-index fix + closer columns for Backdrop

web/src/components/RenderSettingsForm.vue

@@ -745,7 +745,7 @@ function toggleExclude(key: string, checked: boolean) {
           </div>
           </div>
         </div>
-        <NavigationMenu orientation="vertical" :viewport="false" class="items-start justify-start max-w-none">
+        <NavigationMenu orientation="vertical" :viewport="false" class="items-start justify-start max-w-none flex-none">
         <NavigationMenuList class="flex-none">
           <NavigationMenuItem>
             <NavigationMenuTrigger>Badge position</NavigationMenuTrigger>
@@ -857,7 +857,7 @@ function toggleExclude(key: string, checked: boolean) {
           </div>
         </div>
         <div class="flex gap-1">
-        <NavigationMenu orientation="vertical" :viewport="false" class="items-start justify-start max-w-none">
+        <NavigationMenu orientation="vertical" :viewport="false" class="items-start justify-start max-w-none flex-none">
         <NavigationMenuList class="flex-none">
           <NavigationMenuItem>
             <NavigationMenuTrigger>Label style</NavigationMenuTrigger>
@@ -901,7 +901,7 @@ function toggleExclude(key: string, checked: boolean) {
           </NavigationMenuItem>
         </NavigationMenuList>
         </NavigationMenu>
-        <NavigationMenu orientation="vertical" :viewport="false" class="items-start justify-start max-w-none">
+        <NavigationMenu orientation="vertical" :viewport="false" class="items-start justify-start max-w-none flex-none">
         <NavigationMenuList class="flex-none">
           <NavigationMenuItem>
             <NavigationMenuTrigger>Badge background</NavigationMenuTrigger>