From 40a18243e470094b5c1328c1c670812a83c22610 Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@gmail.com>
Date: Wed, 22 Jun 2022 12:25:43 +0200
Subject: [PATCH] padding fixes to menu and other improvements (#3114)

* padding fixes to menu and other improvements

* nit

* nit

Co-authored-by: sean-brydon <55134778+sean-brydon@users.noreply.github.com>
---
 apps/console                                  |  2 +-
 .../ee/components/support/HelpMenuItem.tsx    | 27 ++++++++++---------
 .../ee/lib/helpscout/HelpscoutMenuItem.tsx    |  2 +-
 apps/web/ee/lib/intercom/IntercomMenuItem.tsx |  2 +-
 apps/web/ee/lib/zendesk/ZendeskMenuItem.tsx   |  2 +-
 apps/web/public/static/locales/ar/common.json |  4 +--
 apps/web/public/static/locales/sv/common.json |  2 +-
 7 files changed, 21 insertions(+), 20 deletions(-)

diff --git a/apps/console b/apps/console
index 0b2cf888ab..3fe93861ba 160000
--- a/apps/console
+++ b/apps/console
@@ -1 +1 @@
-Subproject commit 0b2cf888ab61f4c430531f3347b75855040b8656
+Subproject commit 3fe93861ba0567f75dcad8f949f46795e887194f
diff --git a/apps/web/ee/components/support/HelpMenuItem.tsx b/apps/web/ee/components/support/HelpMenuItem.tsx
index 1f6aac4d73..f37d95f170 100644
--- a/apps/web/ee/components/support/HelpMenuItem.tsx
+++ b/apps/web/ee/components/support/HelpMenuItem.tsx
@@ -41,14 +41,14 @@ export default function HelpMenuItem({ onHelpItemSelect }: HelpMenuItemProps) {
   };
 
   return (
-    <div className="w-full border-gray-300 bg-white shadow-sm md:w-[150%]">
-      <div className=" w-full p-5">
-        <p className="mb-1 text-neutral-500">{t("resources").toUpperCase()}</p>
+    <div className="w-full border-gray-300 bg-white shadow-sm">
+      <div className="w-full py-5">
+        <p className="mb-1 px-5 text-neutral-500">{t("resources").toUpperCase()}</p>
         <a
           onClick={() => onHelpItemSelect()}
           href="https://docs.cal.com/"
           target="_blank"
-          className="flex w-full py-2 pr-4 text-sm font-medium text-gray-700 hover:bg-gray-100 hover:text-gray-900"
+          className="flex w-full px-5 py-2 pr-4 text-sm font-medium text-gray-700 hover:bg-gray-100 hover:text-gray-900"
           rel="noreferrer">
           {t("support_documentation")}
           <ExternalLinkIcon
@@ -62,7 +62,7 @@ export default function HelpMenuItem({ onHelpItemSelect }: HelpMenuItemProps) {
           onClick={() => onHelpItemSelect()}
           href="https://developer.cal.com/"
           target="_blank"
-          className="flex w-full py-2 pr-4 text-sm font-medium text-gray-700 hover:bg-gray-100 hover:text-gray-900"
+          className="flex w-full px-5 py-2 pr-4 text-sm font-medium text-gray-700 hover:bg-gray-100 hover:text-gray-900"
           rel="noreferrer">
           {t("developer_documentation")}
           <ExternalLinkIcon
@@ -197,26 +197,27 @@ export default function HelpMenuItem({ onHelpItemSelect }: HelpMenuItemProps) {
           </div>
         )}
       </div>
-      <div className="w-full bg-neutral-50 p-5">
-        <p className="text-neutral-500">{t("specific_issue")}? </p>
-        <span
-          className="font-medium text-neutral-500 underline hover:text-neutral-700"
+      <div className="w-full bg-neutral-50 p-5 text-neutral-500">
+        <p className="">{t("specific_issue")}</p>
+        <button
+          className="font-medium  underline hover:text-neutral-700"
           onClick={() => {
             setActive(true);
             loadChat({ open: true });
             onHelpItemSelect();
           }}>
           {t("contact_support")}
-        </span>
-        <span className="text-neutral-500"> {t("or").toLowerCase()} </span>
+        </button>
+        <span> {t("or").toLowerCase()} </span>
         <a
           onClick={() => onHelpItemSelect()}
-          className="font-medium text-neutral-500 underline hover:text-neutral-700"
+          className="font-medium  underline hover:text-neutral-700"
           href="https://docs.cal.com/"
           target="_blank"
           rel="noreferrer">
-          {t("browse_our_docs")}.
+          {t("browse_our_docs")}
         </a>
+        .
       </div>
     </div>
   );
diff --git a/apps/web/ee/lib/helpscout/HelpscoutMenuItem.tsx b/apps/web/ee/lib/helpscout/HelpscoutMenuItem.tsx
index f1551db5ea..b53289fd2c 100644
--- a/apps/web/ee/lib/helpscout/HelpscoutMenuItem.tsx
+++ b/apps/web/ee/lib/helpscout/HelpscoutMenuItem.tsx
@@ -20,7 +20,7 @@ export default function HelpscoutMenuItem() {
       <>
         <button
           onClick={handleClick}
-          className="flex w-full py-2 pr-4 text-sm font-medium text-neutral-700 hover:bg-gray-100 hover:text-gray-900">
+          className="flex w-full px-5 py-2 pr-4 text-sm font-medium text-gray-700 hover:bg-gray-100 hover:text-gray-900">
           {t("contact_support")}
         </button>
 
diff --git a/apps/web/ee/lib/intercom/IntercomMenuItem.tsx b/apps/web/ee/lib/intercom/IntercomMenuItem.tsx
index cd55711a3f..e95d8ea664 100644
--- a/apps/web/ee/lib/intercom/IntercomMenuItem.tsx
+++ b/apps/web/ee/lib/intercom/IntercomMenuItem.tsx
@@ -13,7 +13,7 @@ export default function IntercomMenuItem() {
           boot();
           show();
         }}
-        className="flex w-full py-2 pr-4 text-sm font-medium text-neutral-700 hover:bg-gray-100 hover:text-gray-900">
+        className="flex w-full px-5 py-2 pr-4 text-sm font-medium text-gray-700 hover:bg-gray-100 hover:text-gray-900">
         {t("contact_support")}
       </button>
     );
diff --git a/apps/web/ee/lib/zendesk/ZendeskMenuItem.tsx b/apps/web/ee/lib/zendesk/ZendeskMenuItem.tsx
index 6d4c858fe9..e14a6ea838 100644
--- a/apps/web/ee/lib/zendesk/ZendeskMenuItem.tsx
+++ b/apps/web/ee/lib/zendesk/ZendeskMenuItem.tsx
@@ -15,7 +15,7 @@ export default function ZendeskMenuItem() {
       <>
         <button
           onClick={() => setActive(true)}
-          className="flex w-full py-2 pr-4 text-sm font-medium text-neutral-700 hover:bg-gray-100 hover:text-gray-900">
+          className="flex w-full px-5 py-2 pr-4 text-sm font-medium text-gray-700 hover:bg-gray-100 hover:text-gray-900">
           {t("contact_support")}
         </button>
         {active && (
diff --git a/apps/web/public/static/locales/ar/common.json b/apps/web/public/static/locales/ar/common.json
index 995e81e266..6d906fcaaa 100644
--- a/apps/web/public/static/locales/ar/common.json
+++ b/apps/web/public/static/locales/ar/common.json
@@ -909,6 +909,6 @@
   "requires_confirmation": "يتطلب التأكيد",
   "add_exchange2013": "الاتصال بخادم Exchange 2013",
   "add_exchange2016": "الاتصال بخادم Exchange 2016",
-  "specific_issue": "لديك مشكلة محددة",
+  "specific_issue": "لديك مشكلة محددة؟",
   "browse_our_docs": "تصفح مستنداتنا"
-}
+}
\ No newline at end of file
diff --git a/apps/web/public/static/locales/sv/common.json b/apps/web/public/static/locales/sv/common.json
index 3976b0079d..abcd692343 100644
--- a/apps/web/public/static/locales/sv/common.json
+++ b/apps/web/public/static/locales/sv/common.json
@@ -909,6 +909,6 @@
   "requires_confirmation": "Kräver bekräftelse",
   "add_exchange2013": "Anslut till Exchange 2013 Server",
   "add_exchange2016": "Anslut till Exchange 2016 Server",
-  "specific_issue": "Har ett specifikt problem",
+  "specific_issue": "Har ett specifikt problem?",
   "browse_our_docs": "bläddra i våra dokument"
 }