touch up nav

Author: tkokhing

src/app/_components/main_frame/font-size-button.tsx

@@ -25,7 +25,7 @@ export default function FontSizeDropdown() {
     <Menu as="div" className="relative inline-block text-left z-50">
       <div>
         <MenuButton 
-          className="p-2 h-15 w-15 relative flex max-w-xs items-center rounded-full bg-gray-800 text-sm focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800"
+          className="p-2 h-15 w-15 relative flex max-w-xs items-center rounded-full text-tkokhing-blue hover:text-tkokhing-dark bg-gray-800 text-sm focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800"
           aria-label="Open font size menu"
           >
           <span className="absolute -inset-1.5" />
@@ -52,7 +52,7 @@ export default function FontSizeDropdown() {
                   <button
                     onClick={() => setFontSize(size as typeof fontSize)}
                     className={classNames(
-                      focus ? 'bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-white' : 'text-gray-700 dark:text-gray-300',
+                      focus ? 'bg-gray-100 dark:bg-gray-700 text-tkokhing-blue dark:text-tkokhing-dark' : 'text-gray-700 dark:text-gray-300',
                       'flex justify-between w-full px-4 py-2 text-sm'
                     )}
                   >

src/app/_components/main_frame/navi-bar.tsx

@@ -96,13 +96,9 @@ export default function Navigationbar() {
               </div>
             </div>
             <div className="hidden md:block">
-              <div className="space-x-10 items-center px-4 md:ml-6 flex flex-row">
-                <div className="flex justify-evenly">
-                  <FontSizeDropdown />
-                </div>
-                <div className="flex justify-evenly">
-                  <ThemeSwitcher />
-                </div>
+              <div className="space-x-10 items-center px-4 md:ml-6 flex flex-row justify-evenly">
+                <FontSizeDropdown />
+                <ThemeSwitcher />
               </div>
             </div>
             <div className="-mr-2 flex md:hidden">
@@ -119,13 +115,9 @@ export default function Navigationbar() {
           </div>
         </div>
         <DisclosurePanel className="md:hidden">
-          <div className="border-t border-gray-700 pb-3 pt-4 flex flex-row">
-            <div className="flex justify-evenly w-1/2">
-              <FontSizeDropdown />
-            </div>
-            <div className="flex justify-evenly w-1/2">
-              <ThemeSwitcher />
-            </div>
+          <div className="border-t border-gray-700 pb-3 pt-4 items-center flex flex-row justify-around">
+            <FontSizeDropdown />
+            <ThemeSwitcher />
           </div>
           <div className="space-y-1 px-2 pb-3 pt-2 sm:px-3">
             {navigation.map((item) => (