From f7be018b7a73ef3ebd4d4c22a87ea67443201f7b Mon Sep 17 00:00:00 2001
From: limina1 <liminal@duck.com>
Date: Wed, 23 Jul 2025 18:30:24 -0400
Subject: [PATCH] refactor: Settings have inline tailwind

---
 src/lib/navigator/EventNetwork/Settings.svelte | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/lib/navigator/EventNetwork/Settings.svelte b/src/lib/navigator/EventNetwork/Settings.svelte
index 63d0ca3..e48e3c3 100644
--- a/src/lib/navigator/EventNetwork/Settings.svelte
+++ b/src/lib/navigator/EventNetwork/Settings.svelte
@@ -60,13 +60,13 @@
       
       <!-- Event Configuration Section (combines types and limits) -->
       <div
-        class="border-b border-gray-200 dark:border-gray-700 pb-4 mb-4 last:border-b-0 last:mb-0"
+        class="settings-section border-b border-gray-200 dark:border-gray-700 pb-4 mb-4 last:border-b-0 last:mb-0"
       >
         <div
-          class="flex justify-between items-center cursor-pointer py-2 mb-3 hover:bg-gray-50 dark:hover:bg-white/5 hover:rounded-md hover:px-2"
+          class="settings-section-header flex justify-between items-center cursor-pointer py-2 mb-3 hover:bg-gray-50 dark:hover:bg-white/5 hover:rounded-md hover:px-2"
           onclick={toggleEventTypes}
         >
-          <h4 class="font-semibold text-gray-700 dark:text-gray-300 m-0 text-sm">
+          <h4 class="settings-section-title font-semibold text-gray-700 dark:text-gray-300 m-0 text-sm">
             Event Configuration
           </h4>
           <div class="pointer-events-none">
@@ -86,13 +86,13 @@
 
       <!-- Visual Settings Section -->
       <div
-        class="border-b border-gray-200 dark:border-gray-700 pb-4 mb-4 last:border-b-0 last:mb-0"
+        class="settings-section border-b border-gray-200 dark:border-gray-700 pb-4 mb-4 last:border-b-0 last:mb-0"
       >
         <div
-          class="flex justify-between items-center cursor-pointer py-2 mb-3 hover:bg-gray-50 dark:hover:bg-white/5 hover:rounded-md hover:px-2"
+          class="settings-section-header flex justify-between items-center cursor-pointer py-2 mb-3 hover:bg-gray-50 dark:hover:bg-white/5 hover:rounded-md hover:px-2"
           onclick={toggleVisualSettings}
         >
-          <h4 class="font-semibold text-gray-700 dark:text-gray-300 m-0 text-sm">
+          <h4 class="settings-section-title font-semibold text-gray-700 dark:text-gray-300 m-0 text-sm">
             Visual Settings
           </h4>
           <div class="pointer-events-none">