Search result control layout

adsabs · Mar 16, 2021 · 433dc50 · 433dc50
1 parent a65cde3
commit 433dc50
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 8 deletions.
diff --git a/src/js/page_managers/templates/results-control-row.html b/src/js/page_managers/templates/results-control-row.html
@@ -4,12 +4,12 @@
     </div>
 
 
-    <div class="col-sm-6" style="padding-right:0">
+    <div class="col-xs-12 col-sm-6" style="padding-right:0">
         <div class="s-results-action-buttons">
-            <div class="col-md-6 clearfix" style="margin-bottom:10px;">
+            <div class="col-xs-12 col-md-5 clearfix" style="margin-bottom:10px;">
                 <div data-widget="Sort" class="s-display-inline-block pull-right"/>
             </div>
-            <div class="col-md-6">
+            <div class="col-xs-12 col-md-7">
                 <div data-widget="VisualizationDropdown" class="s-display-inline-block pull-right"/>
                 <div data-widget="ExportDropdown" class="s-display-inline-block pull-right"/>
             </div>

diff --git a/src/js/widgets/sort/components/sort-app.jsx.js b/src/js/widgets/sort/components/sort-app.jsx.js
@@ -41,7 +41,7 @@ define(['react', 'prop-types'], function(React, PropTypes) {
         >
           {sort.text} <span className="caret" aria-hidden="true" />
         </button>
-        <ul className="dropdown-menu" role="menu">
+        <ul className="dropdown-menu pull-right" role="menu">
           {options.map((o) => (
             <li key={o.id}>
               <a

diff --git a/src/js/wraps/export_dropdown.js b/src/js/wraps/export_dropdown.js
@@ -37,7 +37,7 @@ define([
   var btnType = 'btn-primary-faded';
   var dropdownTitle = 'Export';
   var iconClass = 'icon-export';
-  var rightAlign = true;
+  var rightAlign = false;
   var selectedOption = true;
 
   return function() {

diff --git a/src/styles/sass/ads-sass/results-list.scss b/src/styles/sass/ads-sass/results-list.scss
@@ -274,6 +274,11 @@ li.article-author {
   height: 86px;
   padding-top: 37px;
   padding-left: 2em;
+
+  @media screen and (max-width: $screen-sm) {
+    height: auto;
+    padding: 10px 0 10px 10px;
+  }
 }
 
 // get rid of top padding when the search bar is in scroll mode

diff --git a/src/styles/sass/ads-sass/search-bar.scss b/src/styles/sass/ads-sass/search-bar.scss
@@ -145,9 +145,7 @@
 }
 
 .s-num-found {
-  position: absolute;
-  left: 2%;
-  top: 88px;
+  padding-left: 2%;
   font-size: 16px;
   display: none;
 }