✨ Adjust responsive breakpoint for DocSearch button and refine theme toggle component's margin

Author: HassanZahirnia

resources/css/app.css

@@ -173,7 +173,7 @@ nav > ul > li > ul {
 }
 
 .DocSearch-Button-Placeholder {
-    @apply hidden pr-20 text-sm text-black/60 min-[500px]:block dark:text-white/60;
+    @apply hidden pr-20 text-sm text-black/60 min-[520px]:block dark:text-white/60;
 }
 
 .DocSearch-Button-Keys {

resources/views/components/theme-toggle.blade.php

@@ -1,5 +1,5 @@
 <div
-    class="theme-selector relative -ml-1.5 h-10 w-10 cursor-pointer select-none hover:text-slate-600 dark:opacity-70 dark:hover:text-[#bcc1ef]"
+    class="theme-selector relative -mx-1.5 h-10 w-10 cursor-pointer select-none hover:text-slate-600 dark:opacity-70 dark:hover:text-[#bcc1ef]"
     x-on:click="darkMode = !darkMode"
     x-data="{
         nightToDay: [