From 2b7fef5dbb4257b1e5653a085b0b9a3257b2d3a1 Mon Sep 17 00:00:00 2001
From: Terry Sutton <saltcod@gmail.com>
Date: Tue, 9 Aug 2022 11:50:39 -0230
Subject: [PATCH 1/2] Updates support page byline, css nudges

---
 apps/www/pages/support.tsx | 31 +++++++++++++++----------------
 1 file changed, 15 insertions(+), 16 deletions(-)

diff --git a/apps/www/pages/support.tsx b/apps/www/pages/support.tsx
index a15a3201353..446e4edaa67 100644
--- a/apps/www/pages/support.tsx
+++ b/apps/www/pages/support.tsx
@@ -43,14 +43,13 @@ const Index = ({}: Props) => {
               </h1>
               <h1 className="h1">Get Support</h1>
               <p className="text-scale-1100 lg:text-lg">
-                Need a bit of help? We're here for you. Check out our current issues, GitHub
-                discussions, Discord or get email support.
+                The Supabase Support Team is ready to help.
               </p>
             </div>
             <div className="text-scale-1200 mt-16 grid gap-5 sm:grid-cols-3 md:grid-cols-12">
               <div className="col-span-12 lg:col-span-6 xl:col-span-4">
                 <div
-                  className="dark:bg-scale-400 flex h-40 
+                  className="dark:bg-scale-400 flex h-40
                     flex-col justify-between rounded rounded-b-none border-t
                     border-r
                     border-l border-gray-100 bg-white
@@ -64,7 +63,7 @@ const Index = ({}: Props) => {
                         Have a general issue or bug that you've found? We'd love to hear about it in
                         our GitHub issues. This can be feature requests too!
                       </p>
-                      <p className="text-scale-1100 mt-2">
+                      <p className="text-scale-1100 mt-2 text-sm">
                         <span className="text-brand-900 font-bold">Use this for:</span> Bugs and
                         other issues
                       </p>
@@ -75,11 +74,11 @@ const Index = ({}: Props) => {
                 <div>
                   <div
                     className="
-                    dark:bg-scale-400 flex 
+                    dark:bg-scale-400 flex
                     flex-col justify-between rounded rounded-t-none border-b
                     border-r border-l
                     border-gray-100 bg-white p-5
-                    pt-10 dark:border-gray-600"
+                    pt-14 dark:border-gray-600"
                   >
                     <Link
                       href="https://github.com/supabase/supabase/issues"
@@ -96,7 +95,7 @@ const Index = ({}: Props) => {
               </div>
               <div className="col-span-12 lg:col-span-6 xl:col-span-4">
                 <div
-                  className="dark:bg-scale-400 flex h-40 
+                  className="dark:bg-scale-400 flex h-40
                     flex-col justify-between rounded rounded-b-none border-t
                     border-r
                     border-l border-gray-100 bg-white
@@ -113,8 +112,8 @@ const Index = ({}: Props) => {
                         join us on Discord. Browse and ask questions.
                       </p>
                       <p className="text-scale-1100 mt-2">
-                        <span className="text-brand-900 font-bold">Use this for:</span> General
-                        questions
+                        <span className="text-brand-900 text-sm font-bold">Use this for:</span>{' '}
+                        General questions
                       </p>
                     </p>
                   </div>
@@ -123,11 +122,11 @@ const Index = ({}: Props) => {
                 <div>
                   <div
                     className="
-                    dark:bg-scale-400 justify-space-evenly 
+                    dark:bg-scale-400 justify-space-evenly
                     flex flex-row gap-0.5 rounded rounded-t-none border-b
                     border-r border-l
                     border-gray-100 bg-white p-5
-                    pt-10 dark:border-gray-600"
+                    pt-14 dark:border-gray-600"
                   >
                     <Link
                       href="https://github.com/supabase/supabase/discussions"
@@ -169,7 +168,7 @@ const Index = ({}: Props) => {
 
               <div className="col-span-12 lg:col-span-6 xl:col-span-4">
                 <div
-                  className="dark:bg-scale-400 flex h-40 
+                  className="dark:bg-scale-400 flex h-40
                     flex-col justify-between rounded rounded-b-none border-t
                     border-r
                     border-l border-gray-100 bg-white
@@ -184,8 +183,8 @@ const Index = ({}: Props) => {
                         or have an issue, please contact us here.
                       </p>
                       <p className="text-scale-1100 mt-2">
-                        <span className="text-brand-900 font-bold">Use this for:</span> Issues or
-                        questions specific to you
+                        <span className="text-brand-900 text-sm font-bold">Use this for:</span>{' '}
+                        Issues or questions specific to you
                       </p>
                     </p>
                   </div>
@@ -194,11 +193,11 @@ const Index = ({}: Props) => {
                 <div>
                   <div
                     className="
-                    dark:bg-scale-400 flex 
+                    dark:bg-scale-400 flex
                     flex-col justify-between rounded rounded-t-none border-b
                     border-r border-l
                     border-gray-100 bg-white p-5
-                    pt-10 dark:border-gray-600"
+                    pt-14 dark:border-gray-600"
                   >
                     <a href="mailto:support@supabase.io">
                       <Button size="medium" type="default" iconRight={<IconMail />}>

From 7ec676c2861c4a9cc9ec640dc6d11b1b2833fc49 Mon Sep 17 00:00:00 2001
From: Terry Sutton <saltcod@gmail.com>
Date: Tue, 9 Aug 2022 11:52:25 -0230
Subject: [PATCH 2/2] Adds gap between buttons

---
 apps/www/pages/support.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/www/pages/support.tsx b/apps/www/pages/support.tsx
index 446e4edaa67..90925573572 100644
--- a/apps/www/pages/support.tsx
+++ b/apps/www/pages/support.tsx
@@ -123,7 +123,7 @@ const Index = ({}: Props) => {
                   <div
                     className="
                     dark:bg-scale-400 justify-space-evenly
-                    flex flex-row gap-0.5 rounded rounded-t-none border-b
+                    flex flex-row gap-2 rounded rounded-t-none border-b
                     border-r border-l
                     border-gray-100 bg-white p-5
                     pt-14 dark:border-gray-600"