fix: navbar spacings

Author: mhenriette

src/components/layout/Navbar.tsx

@@ -87,21 +87,21 @@ export default function Navbar({ settings, sidebarBurgerColor = false }: NavbarP
   };
 
   return (
-    <div className="text-gray-900 " style={containerStyle}>
+    <div className="text-gray-900" style={containerStyle}>
       <div className="content-wrapper lg:py-12 py-6 flex relative">
         <ul className="relative">
           <NavItem to="/" type="logo w-8 h-8 md:w-11 md:h-11">
             <Logo />
           </NavItem>
-          <NavItem to="/" type="brand mx-0.5">
+          <NavItem to="/" type="brand">
             {t("app.name")}
           </NavItem>
         </ul>
         {isAuthenticatedAndVerified && (
           <ul className="hidden lg:block relative self-center">
             <NavItem to="/bounties">{t("nav.bounties")}</NavItem>
             <NavItem to={"/communities"}>{t("nav.communities")}</NavItem>
-            <button className="nav-item underline underline-offset-2 text-primary bg-transparent pl-2 py-0 capitalize" onClick={displayJobOffersPopup}>
+            <button className="nav-item underline underline-offset-2 text-primary bg-transparent p-0 capitalize" onClick={displayJobOffersPopup}>
               {t("job.offers.title")}
             </button>
           </ul>

src/styles/globals.css

@@ -51,13 +51,13 @@ body {
 }
 
 .nav-item {
-  @apply font-normal ml-2 opacity-70 hover:opacity-100;
+  @apply font-normal ml-3 opacity-70 hover:opacity-100;
 }
 .nav-item a {
   @apply align-text-top;
 }
 .nav-brand {
-  @apply font-semibold mx-1.5;
+  @apply font-semibold ml-2;
 }
 .content-wrapper {
   @apply relative;