Merge 76b76b1 into 8068777

adsabs · Mar 18, 2021 · 61f07e5 · 61f07e5
2 parents 8068777 + 76b76b1
commit 61f07e5
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 2 deletions.
diff --git 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>

diff --git 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}}"

diff --git 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 {