From c884328f0041e5294f0ffb99269392e44e144a96 Mon Sep 17 00:00:00 2001
From: Jennifer Chen <shinyi.chen@gmail.com>
Date: Wed, 17 Mar 2021 14:25:53 -0700
Subject: [PATCH 1/3] Make logo text fit in XS screens

---
 src/styles/sass/ads-sass/landing-page.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/styles/sass/ads-sass/landing-page.scss b/src/styles/sass/ads-sass/landing-page.scss
index 7cc8b1f4b..4a0d4c19f 100644
--- a/src/styles/sass/ads-sass/landing-page.scss
+++ b/src/styles/sass/ads-sass/landing-page.scss
@@ -17,7 +17,10 @@ $landing-page-hero-background: desaturate(lighten($brand-info, 20%), 15%);
 }
 
 .s-logo-header {
-  font-size: 22px;
+  font-size: 18px;
+  @media only screen and (min-width: $screen-xs-min) {
+    font-size: 22px;
+  }
   @media only screen and (min-width: $screen-sm-min) {
     font-size: 40px;
   }
@@ -148,6 +151,9 @@ $landing-page-hero-background: desaturate(lighten($brand-info, 20%), 15%);
     @media only screen and (max-width: $screen-sm-max) {
       padding: 0px 25px 0px 25px;
     }
+    @media only screen and (max-width: $screen-xs-max) {
+      padding: 0px 15px 0px 15px;
+    }
   }
 
   .s-message-control-row {

From 3310946888d484286a3fd2939b413402ff4a0fde Mon Sep 17 00:00:00 2001
From: Jennifer Chen <shinyi.chen@gmail.com>
Date: Wed, 17 Mar 2021 14:26:37 -0700
Subject: [PATCH 2/3] Make Search tabs fit on XS screens

---
 src/js/wraps/landing_page_manager/landing-page-nav.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/js/wraps/landing_page_manager/landing-page-nav.html b/src/js/wraps/landing_page_manager/landing-page-nav.html
index b030fd00e..772e4f912 100644
--- a/src/js/wraps/landing_page_manager/landing-page-nav.html
+++ b/src/js/wraps/landing_page_manager/landing-page-nav.html
@@ -1,5 +1,5 @@
 <nav class="s-landing-tabs" role="navigation">
-  <ul>
+  <ul style="padding-inline-start: 0;">
     {{#each tabs}}
     <li
       class="landing-tab {{#if this.isSelected}} active {{/if}}"

From 76b76b1429dffb585beca3acac20bc18cc6245a2 Mon Sep 17 00:00:00 2001
From: Jennifer Chen <shinyi.chen@gmail.com>
Date: Wed, 17 Mar 2021 14:27:21 -0700
Subject: [PATCH 3/3] Make recommendation tabs fit in XS screen

---
 src/js/react/Recommender/components/App.jsx.js | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/js/react/Recommender/components/App.jsx.js b/src/js/react/Recommender/components/App.jsx.js
index 900904365..97f10f91a 100644
--- a/src/js/react/Recommender/components/App.jsx.js
+++ b/src/js/react/Recommender/components/App.jsx.js
@@ -37,6 +37,7 @@ define([
     return (
       <div>
         <Nav
+          className="hidden-xs"
           bsStyle="tabs"
           justified
           activeKey={tab}
@@ -49,6 +50,19 @@ define([
             Search examples
           </NavItem>
         </Nav>
+        <Nav
+          className="hidden-sm hidden-md hidden-lg"
+          bsStyle="tabs"
+          activeKey={tab}
+          onSelect={(key) => onSelected(key)}
+        >
+          <NavItem eventKey={1} href="javascript:void(0);">
+            Recommendations
+          </NavItem>
+          <NavItem eventKey={2} href="javascript:void(0);">
+            Search examples
+          </NavItem>
+        </Nav>
         <div style={{ minHeight: 200, padding: '1rem 0' }}>
           {tab === 1 ? <RecommendedList /> : <SearchExamples />}
         </div>