From 813eaa83b7b4813c1854d20680f96d56e1016af0 Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@gmail.com>
Date: Thu, 2 Dec 2021 09:52:59 +0000
Subject: [PATCH] minor design changes to tablet navigation (#1240)

---
 components/Shell.tsx         | 9 ++++-----
 pages/event-types/[type].tsx | 4 ++--
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/components/Shell.tsx b/components/Shell.tsx
index 0ae6a99b1a..9f0bac8f94 100644
--- a/components/Shell.tsx
+++ b/components/Shell.tsx
@@ -239,13 +239,12 @@ export default function Shell(props: {
         <div className="hidden md:flex md:flex-shrink-0 lg:hidden">
           <div className="flex flex-col w-14 lg:w-56">
             <div className="flex flex-col flex-1 h-0 bg-white border-r border-gray-200">
-              <div className="flex flex-col flex-1 pt-5 pb-4 overflow-y-auto">
+              <div className="flex flex-col flex-1 pb-4 overflow-y-auto">
                 <Link href="/event-types">
-                  <a className="px-2">
-                    {/* <Logo small /> */}
-                    <h1 className="inline p-2">
+                  <a className="px-2 my-3">
+                    <h1 className="inline">
                       <strong>
-                        <img className="w-auto h-10" alt="Cal" title="Cal" src="/cal-com-icon.svg" />
+                        <img className="w-auto h-9" alt="Cal" title="Cal" src="/cal-com-icon.svg" />
                       </strong>
                     </h1>
                   </a>
diff --git a/pages/event-types/[type].tsx b/pages/event-types/[type].tsx
index 9e92fa9093..9dc63ed914 100644
--- a/pages/event-types/[type].tsx
+++ b/pages/event-types/[type].tsx
@@ -448,7 +448,7 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
               <>
                 <h1
                   style={{ fontSize: 22, letterSpacing: "-0.0009em" }}
-                  className="inline pl-0 text-gray-900 bg-transparent border-none cursor-pointer focus:text-black hover:text-gray-500 focus:ring-0 focus:outline-none">
+                  className="inline pl-0 text-gray-900 focus:text-black group-hover:text-gray-500">
                   {eventType.title}
                 </h1>
                 <PencilIcon className="-mt-1 ml-1 inline w-4 h-4 text-gray-700 group-hover:text-gray-500" />
@@ -1028,7 +1028,7 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
               </form>
             </div>
           </div>
-          <div className="w-full px-2 mt-8 ml-2 sm:w-3/12 sm:mt-0 min-w-32">
+          <div className="w-full px-2 mt-8 ml-2 sm:w-3/12 sm:mt-0 min-w-[177px] ">
             <div className="px-2">
               <Controller
                 name="isHidden"