Merge pull request #1052 from aholachek/responsive-fixes

fixed 2 responsive issues
adsabs · Aug 8, 2016 · c7d89ad · c7d89ad
2 parents 3652a54 + 0041de4
commit c7d89ad
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 9 deletions.
diff --git a/src/js/mixins/api_access.js b/src/js/mixins/api_access.js
@@ -72,4 +72,4 @@ define([
 
 
 
-});
+});
diff --git a/src/js/page_managers/templates/results-page-layout.html b/src/js/page_managers/templates/results-page-layout.html
@@ -1,7 +1,7 @@
 <div id="results-page-layout" class="s-results-page-layout">
     <div class="row s-stable-search-bar-height">
         <div class="s-search-bar-full-width-container">
-            <div class="col-sm-7 col-md-7 col-sm-offset-2 s-search-bar-row" id="search-bar-row"
+            <div class="col-sm-10 col-md-8 col-lg-7 col-sm-offset-2 s-search-bar-row" id="search-bar-row"
                  data-widget="SearchWidget">
             </div>
         </div>
@@ -53,4 +53,4 @@ <h2 class="sr-only">Additional Functionality (Information about your query, and
 
         </div>
     </div>
-</div>
+</div>
diff --git a/src/styles/sass/ads-sass/search-bar.scss b/src/styles/sass/ads-sass/search-bar.scss
@@ -8,6 +8,12 @@
   width: 100%;
   height: 60px;
   padding-top: 10px;
+
+  //hide citation count if it's there
+.search-bar__citation-count {
+  display: none;
+}
+
 }
 
 
@@ -114,12 +120,12 @@
 #field-options {
   position: relative;
   left: 1.5%;
-  visibility: hidden;
-
-  @media screen and (min-width:$screen-sm-min) {
-    visibility: visible;
- }
+  overflow: hidden;
+  max-height: 37px;
+}
 
+#results-page-layout #field-options {
+  max-height: 32px;
 }
 
 .s-field-options {
@@ -245,7 +251,7 @@ input.q {
 }
 
 #option-dropdown-container .select2 {
-  min-width : 200px;
+  min-width : 180px;
   width: 25%;
 }