fixed primary page menu stylings so it's consistent with fellowship's…

… nav stylings
MozillaFoundation · May 4, 2018 · 29e4e0d · 29e4e0d
1 parent 669edd5
commit 29e4e0d
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 20 deletions.
diff --git a/network-api/networkapi/wagtailpages/templates/wagtailpages/primary_page.html b/network-api/networkapi/wagtailpages/templates/wagtailpages/primary_page.html
@@ -10,26 +10,15 @@ <h1 class="h1-heading pb-5">{% if root.title %}{{ root.title }}{% elif page.head
 
 {% block content %}
 
-  <div class="hidden-md-up" id="multipage-nav-mobile">
+  <div class="hidden-md-up mb-4 mb-md-5" id="multipage-nav-mobile">
     <div class="container">
       <div class="row px-3">
         <div class="col-12"></div>
       </div>
     </div>
   </div>
 
-  <div class="container">
-    <div class="row">
-      {% primary_page_menu page %}
-    </div>
-    {% if singleton_page == False %}
-    <div class="row mb-4">
-      <div class="col">
-        <hr class="hr-gradient mb-0">
-      </div>
-    </div>
-    {% endif %}
-  </div>
+  {% primary_page_menu page %}
 
   <div class="container cms">
     <div class="row my-1 d-flex align-items-center">

diff --git a/network-api/networkapi/wagtailpages/templates/wagtailpages/tags/primary_page_menu.html b/network-api/networkapi/wagtailpages/templates/wagtailpages/tags/primary_page_menu.html
@@ -1,12 +1,21 @@
 {% load wagtailcore_tags %}
 
 {% if singleton_page == False %}
-<div class="hidden-sm-down d-flex flex-row multipage-nav primary-menu" id="multipage-nav">
-	{% for entry in menu_pages %}
-	<div class="mx-3">
-	  <a class="multipage-link {% if current.title == entry.page.title %}multipage-link-active{% endif %}" href="{% pageurl entry.page %}">{% if entry.depth == 2 %}→ {% endif %}{{ entry.menu_title }}
-	  </a>
-	</div>
-	{% endfor %}
+<div class="container hidden-sm-down my-4">
+  <div class="row">
+    <div class="col-12">
+      <div class="d-flex flex-row primary-menu" id="multipage-nav">
+      	{% for entry in menu_pages %}
+      	<div>
+      	  <a class="multipage-link {% if current.title == entry.page.title %}multipage-link-active{% endif %}" href="{% pageurl entry.page %}">{% if entry.depth == 2 %}→ {% endif %}{{ entry.menu_title }}
+      	  </a>
+      	</div>
+      	{% endfor %}
+      </div>
+    </div>
+    <div class="col-12">
+      <hr class="hr-gradient mb-0">
+    </div>
+  </div>
 </div>
 {% endif %}