From 4e234524122212cf6e254847c7af9bcb574514c1 Mon Sep 17 00:00:00 2001
From: Philip Ermish <philipermish@gmail.com>
Date: Thu, 7 Dec 2023 15:20:47 +0900
Subject: [PATCH 1/2] fixing width issues

---
 components/SearchBar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/SearchBar.vue b/components/SearchBar.vue
index 707c7c74..cde518d3 100644
--- a/components/SearchBar.vue
+++ b/components/SearchBar.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="flex flex-0 w-128">
+    <div class="flex flex-0 max-w-4xl">
         <div id="search-fields" class="grid-cols-3 mx-4">
             <div class="search-specialty col-span-1 inline-block w-1/3 py-4">
                 <select v-model="selectedSpecialty" class="rounded-l-full rounded-r-none w-full px-1 border-2 border-primary/60

From 0bb89693b9df969317fafe3478a0929cf673ee58 Mon Sep 17 00:00:00 2001
From: Philip Ermish <philipermish@gmail.com>
Date: Thu, 7 Dec 2023 15:21:10 +0900
Subject: [PATCH 2/2] fixing responsiveness of navbar. site logo

---
 components/TopNav.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/TopNav.vue b/components/TopNav.vue
index b50ecca8..5f99b3f3 100644
--- a/components/TopNav.vue
+++ b/components/TopNav.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="p-4 border border-secondary-bg/20 flex justify-around items-center bg-gradient-to-t from-secondary-bg/30 via-primary-bg to-primary-bg"
+    class="p-4 pl-8 border border-secondary-bg/20 flex justify-between items-center bg-gradient-to-t from-secondary-bg/30 via-primary-bg to-primary-bg"
   >
     <HamburgerComponent />
     <div class="font-semibold text-xl group transition-colors items-start">
@@ -8,11 +8,11 @@
         <svg
           role="img"
           title="site icon"
-          class="mr-1 w-10 h-10 align-middle fill-primary group-hover:fill-primary-hover"
+          class="mr-1 w-10 h-10 flex-shrink-0 align-middle fill-primary group-hover:fill-primary-hover"
         >
           <use xlink:href="../assets/images/site-logo.svg#site-logo-svg" />
         </svg>
-        <div class="title-text flex flex-col" data-testid="logo">
+        <div class="title-text flex flex-col flex-shrink-0" data-testid="logo">
           <div class="text-lg text-primary group-hover:text-primary-hover">Find a Doc</div>
           <div class="text-sm text-primary leading-none group-hover:text-primary-hover">Japan</div>
         </div>