Move search bar to top on homepage, reduce vertical margins

ioos · Feb 8, 2021 · 62d4778 · 62d4778
1 parent 593dafe
commit 62d4778
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 12 deletions.
diff --git a/ckanext/ioos_theme/public/ioos_theme.css b/ckanext/ioos_theme/public/ioos_theme.css
@@ -297,10 +297,6 @@ section.browse-graphic img.browse-graphic-img {
   background-color: #27c97b;
 }
 
-.below-search {
-  padding-top: 50px;
-}
-
 .homepage .below-search .row{
   margin-left: -10px;
   margin-right: -10px;
@@ -445,7 +441,7 @@ html, body {
 }
 
 .module:last-child {
-  margin-bottom: 75px !important;
+  margin-bottom: 2em;
 }
 
 .account-masthead .account .notifications a span {

diff --git a/ckanext/ioos_theme/templates/home/layout-ioos.html b/ckanext/ioos_theme/templates/home/layout-ioos.html
@@ -1,4 +1,11 @@
 <div role="main" class="hero">
+  <div class="container">
+    <div class="row">
+      {% block search %}
+        {% snippet 'home/snippets/search.html' %}
+      {% endblock %}
+    </div>
+  </div>
   <div class="container below-search">
     <div class="row row2">
       <div class="col-md-6 column">
@@ -42,11 +49,4 @@ <h3>Resources</h3>
       </div>
     </div>
   </div>
-  <div class="container">
-    <div class="row">
-      {% block search %}
-        {% snippet 'home/snippets/search.html' %}
-      {% endblock %}
-    </div>
-  </div>
 </div>