update contact

superpage/src/components/Course/HeaderNav.astro

@@ -19,15 +19,21 @@ const { title } = Astro.props;
 >
     <Container class="flex items-center">
         <button
-            class="text-black font-semibold cursor-pointer flex items-center gap-1 hover:outline-2 rounded"
+            class="text-black font-medium cursor-pointer lg:bg-white/15 hover:outline lg:border border-black lg:py-0.5 lg:px-2.5 rounded-lg transition"
             x-bind:aria-expanded="open"
             x-on:click="open = true"
             aria-haspopup="true"
         >
-            <div class="truncate max-w-36 sm:max-w-72 md:max-w-124">
-                {title}
+            <div class="flex items-center gap-1">
+                <div class="truncate max-w-36 sm:max-w-72">
+                    {title}
+                </div>
+                <Icon
+                    name="chevron-down"
+                    aria-hidden="true"
+                    class="size-4 mt-1"
+                />
             </div>
-            <Icon name="chevron-down" aria-hidden="true" class="size-4" />
         </button>
 
         <button