From 7b30a6b8f9fe0813036c46cb19c529f50772c2e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marco=20Ch=C3=A1vez?= <marco@expensify.com>
Date: Fri, 4 Nov 2022 18:56:08 -0600
Subject: [PATCH 1/7] change margin for body and title in card

---
 docs/_sass/_main.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss
index 44ab37ffbca8..228d1e13900d 100644
--- a/docs/_sass/_main.scss
+++ b/docs/_sass/_main.scss
@@ -455,12 +455,14 @@ button {
 
     h3.title {
         padding: 0;
-        margin: 0;
+        margin: 0 0 8px 0;
     }
 
+
+
     p.description {
         padding: 0;
-        margin: 16px 0 0 0;
+        margin: 0;
         font-weight: normal;
     }
 }

From 347d2acf127fdd6df1432f5cd602c72276c76035 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marco=20Ch=C3=A1vez?= <marco@expensify.com>
Date: Fri, 4 Nov 2022 18:56:33 -0600
Subject: [PATCH 2/7] set a specific margin for hub cards

---
 docs/_includes/hub-card.html | 2 +-
 docs/_sass/_main.scss        | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/docs/_includes/hub-card.html b/docs/_includes/hub-card.html
index 379a42a26340..407662da6063 100644
--- a/docs/_includes/hub-card.html
+++ b/docs/_includes/hub-card.html
@@ -6,7 +6,7 @@
             <img class="icon" src="{{ hub.icon }}" alt="{{ hub.href }}"/>
         </div>
         <div class="body">
-            <h3 class="title">{{ hub.title }}</h3>
+            <h3 class="title hub">{{ hub.title }}</h3>
             <p class="description">{{ hub.description }}</p>
         </div>
     </div>
diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss
index 228d1e13900d..7cbc27fed55f 100644
--- a/docs/_sass/_main.scss
+++ b/docs/_sass/_main.scss
@@ -455,7 +455,11 @@ button {
 
     h3.title {
         padding: 0;
-        margin: 0 0 8px 0;
+        margin: 0;
+
+        &.hub {
+            margin: 0 0 8px 0;
+        }
     }
 
 

From 504fbc21a1699be71bce63abe9c7a08ff2202350 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marco=20Ch=C3=A1vez?= <marco@expensify.com>
Date: Fri, 4 Nov 2022 18:59:24 -0600
Subject: [PATCH 3/7] change class and add it to concierge card

---
 docs/_includes/hub-card.html | 2 +-
 docs/_layouts/default.html   | 2 +-
 docs/_sass/_main.scss        | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/_includes/hub-card.html b/docs/_includes/hub-card.html
index 407662da6063..e4ce30c05fde 100644
--- a/docs/_includes/hub-card.html
+++ b/docs/_includes/hub-card.html
@@ -6,7 +6,7 @@
             <img class="icon" src="{{ hub.icon }}" alt="{{ hub.href }}"/>
         </div>
         <div class="body">
-            <h3 class="title hub">{{ hub.title }}</h3>
+            <h3 class="title with-margin">{{ hub.title }}</h3>
             <p class="description">{{ hub.description }}</p>
         </div>
     </div>
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index b2614aeef4a4..ad40909a805d 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -66,7 +66,7 @@ <h1 class="title">
         <!-- Concierge button at the bottom of the page -->
         <a class="card get-help" href="{{ CONCIERGE_CHAT_URL }}" target="_blank">
             <div class="body">
-                <h3 class="title">Didn't find what you were looking for?</h3>
+                <h3 class="title with-margin">Didn't find what you were looking for?</h3>
                 <p class="description">Concierge is here to answer all your questions.</p>
             </div>
             <div class="submit-button">
diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss
index 7cbc27fed55f..960aa82b5699 100644
--- a/docs/_sass/_main.scss
+++ b/docs/_sass/_main.scss
@@ -457,7 +457,7 @@ button {
         padding: 0;
         margin: 0;
 
-        &.hub {
+        &.with-margin {
             margin: 0 0 8px 0;
         }
     }

From 0cb32a0fed9170cec3b0ffc260931c489ec8668a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marco=20Ch=C3=A1vez?= <marco@expensify.com>
Date: Fri, 4 Nov 2022 19:15:17 -0600
Subject: [PATCH 4/7] add min-height in description hub cards

---
 docs/_includes/hub-card.html | 2 +-
 docs/_sass/_main.scss        | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/docs/_includes/hub-card.html b/docs/_includes/hub-card.html
index e4ce30c05fde..36bf3bc36e6a 100644
--- a/docs/_includes/hub-card.html
+++ b/docs/_includes/hub-card.html
@@ -7,7 +7,7 @@
         </div>
         <div class="body">
             <h3 class="title with-margin">{{ hub.title }}</h3>
-            <p class="description">{{ hub.description }}</p>
+            <p class="description with-min-height">{{ hub.description }}</p>
         </div>
     </div>
 </a>
diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss
index 960aa82b5699..9ec92323ac16 100644
--- a/docs/_sass/_main.scss
+++ b/docs/_sass/_main.scss
@@ -468,6 +468,10 @@ button {
         padding: 0;
         margin: 0;
         font-weight: normal;
+
+        &.with-min-height {
+            min-height: 48px;
+        }
     }
 }
 

From 2c17cf0bd71e23113e100763aa4434bb03d16407 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marco=20Ch=C3=A1vez?= <marco@expensify.com>
Date: Fri, 4 Nov 2022 19:25:49 -0600
Subject: [PATCH 5/7] update grid gaps

---
 docs/_sass/_main.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss
index 9ec92323ac16..36506e2d7815 100644
--- a/docs/_sass/_main.scss
+++ b/docs/_sass/_main.scss
@@ -390,12 +390,12 @@ button {
 .cards-group {
     display: grid;
     grid-template-columns: auto;
-    row-gap: 12px;
-    column-gap: 4%;
+    row-gap: 20px;
+    column-gap: 20px;
     padding-bottom: 20px;
 
     @include breakpoint($breakpoint-desktop) {
-        grid-template-columns: 48% 48%;
+        grid-template-columns: auto auto;
     }
 }
 

From 66282f51fbf3ecfb495a3473dffbf15c3030f950 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marco=20Ch=C3=A1vez?= <marco@expensify.com>
Date: Fri, 4 Nov 2022 19:38:55 -0600
Subject: [PATCH 6/7] update min-height description for mobile

---
 docs/_sass/_main.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss
index 36506e2d7815..5f83ba31d6b2 100644
--- a/docs/_sass/_main.scss
+++ b/docs/_sass/_main.scss
@@ -470,7 +470,11 @@ button {
         font-weight: normal;
 
         &.with-min-height {
-            min-height: 48px;
+            min-height: 68px;
+
+            @include breakpoint($breakpoint-tablet) {
+                min-height: 48px;
+            }
         }
     }
 }

From 9feb101fd89d728186f8a669178f010cff75a673 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marco=20Ch=C3=A1vez?= <marco@expensify.com>
Date: Mon, 7 Nov 2022 22:24:57 -0600
Subject: [PATCH 7/7] update margin to 4px

---
 docs/_sass/_main.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss
index 5f83ba31d6b2..809463dd79b8 100644
--- a/docs/_sass/_main.scss
+++ b/docs/_sass/_main.scss
@@ -458,7 +458,7 @@ button {
         margin: 0;
 
         &.with-margin {
-            margin: 0 0 8px 0;
+            margin: 0 0 4px 0;
         }
     }