From 2fe8588fb97da6519b5e9c67c8694d98aad679e3 Mon Sep 17 00:00:00 2001
From: jakubabrzy <jakubb@spacelift.io>
Date: Tue, 19 Sep 2023 13:29:24 +0200
Subject: [PATCH 1/4] logo size

---
 src/theme/Logo/index.tsx           | 2 +-
 src/theme/Navbar/Content/index.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/theme/Logo/index.tsx b/src/theme/Logo/index.tsx
index 88977d88..d2f8fad3 100644
--- a/src/theme/Logo/index.tsx
+++ b/src/theme/Logo/index.tsx
@@ -12,7 +12,7 @@ export default function Logo() {
       className="text-gray-900 hover:text-brand-700 dark:text-gray-50 dark:hover:text-brand-500"
       aria-label="Go to homepage"
     >
-      <LogoSvg aria-hidden className="h-12 mb-3" />
+      <LogoSvg aria-hidden className="h-9 mb-2 sm:h-12 sm:mb-3" />
     </Link>
   );
 }
diff --git a/src/theme/Navbar/Content/index.tsx b/src/theme/Navbar/Content/index.tsx
index 9dd4afec..0fe2db09 100644
--- a/src/theme/Navbar/Content/index.tsx
+++ b/src/theme/Navbar/Content/index.tsx
@@ -30,7 +30,7 @@ export default function NavbarContent() {
 
   return (
     <div className="flex text-white justify-between container mx-auto p-4 navbar">
-      <div className="flex items-center gap-6">
+      <div className="flex items-center gap-4 sm:gap-6">
         <NavbarMobileSidebarToggle />
         <NavbarLogo />
         <div className="hidden md:flex items-center gap-6">

From ed71936156ceae4c6b378a61c07ffe7e7d5d10f0 Mon Sep 17 00:00:00 2001
From: jakubabrzy <jakubb@spacelift.io>
Date: Tue, 19 Sep 2023 13:29:47 +0200
Subject: [PATCH 2/4] improvement of search on mobile

---
 tailwind.config.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/tailwind.config.js b/tailwind.config.js
index 0f0a8ab3..96481625 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,4 +1,5 @@
 /** @type {import('tailwindcss').Config} */
+import defaultTheme from "tailwindcss/defaultTheme";
 
 module.exports = {
   darkMode: ["class", '[data-theme="dark"]'],
@@ -50,6 +51,10 @@ module.exports = {
     fontFamily: {
       sans: ['"DM Sans"', "system-ui"],
     },
+    screens: {
+      "xs": { max: "576px" },
+      ...defaultTheme.screens,
+    },
   },
   plugins: [require("@tailwindcss/typography")],
 };

From 88fe3cbcae6a36740ccdcf760bc31a428baaa9ce Mon Sep 17 00:00:00 2001
From: jakubabrzy <jakubb@spacelift.io>
Date: Tue, 19 Sep 2023 14:40:21 +0200
Subject: [PATCH 3/4] align close button

---
 src/theme/Navbar/MobileSidebar/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/theme/Navbar/MobileSidebar/index.tsx b/src/theme/Navbar/MobileSidebar/index.tsx
index d25cf534..993a0809 100644
--- a/src/theme/Navbar/MobileSidebar/index.tsx
+++ b/src/theme/Navbar/MobileSidebar/index.tsx
@@ -16,7 +16,7 @@ function CloseButton() {
     <button
       type="button"
       aria-label="Close navigation bar"
-      className="absolute top-6 right-6 p-4 text-gray-900 hover:text-brand-700 dark:text-gray-50 dark:hover:text-brand-500 transition-colors"
+      className="absolute top-6 right-6 p-3 sm:p-4 text-gray-900 hover:text-brand-700 dark:text-gray-50 dark:hover:text-brand-500 transition-colors"
       onClick={() => mobileSidebar.toggle()}
     >
       <IconClose />

From 559b92e601d23dc98b157d630fb9d09f5f1744ea Mon Sep 17 00:00:00 2001
From: jakubabrzy <jakubb@spacelift.io>
Date: Tue, 19 Sep 2023 16:34:16 +0200
Subject: [PATCH 4/4] update tailwind config

---
 tailwind.config.js | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/tailwind.config.js b/tailwind.config.js
index 96481625..0f0a8ab3 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,5 +1,4 @@
 /** @type {import('tailwindcss').Config} */
-import defaultTheme from "tailwindcss/defaultTheme";
 
 module.exports = {
   darkMode: ["class", '[data-theme="dark"]'],
@@ -51,10 +50,6 @@ module.exports = {
     fontFamily: {
       sans: ['"DM Sans"', "system-ui"],
     },
-    screens: {
-      "xs": { max: "576px" },
-      ...defaultTheme.screens,
-    },
   },
   plugins: [require("@tailwindcss/typography")],
 };