From 9893d72d3ae688151d4bde4a15a8ce2f403bc9d0 Mon Sep 17 00:00:00 2001
From: Kristi <kturner02@gmail.com>
Date: Thu, 18 Jun 2020 14:17:32 -0400
Subject: [PATCH] #264: Add organization to nav menu

---
 assets/js/elements/site-header.js | 9 ++++++---
 templates/_header_content.html    | 3 ++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/assets/js/elements/site-header.js b/assets/js/elements/site-header.js
index 1b76b36..7f8c17a 100644
--- a/assets/js/elements/site-header.js
+++ b/assets/js/elements/site-header.js
@@ -44,9 +44,12 @@ class SiteHeader extends LitElement {
         color: white;
         justify-content: space-evenly;
       }
+      #navigation {
+        width: 35%;
+      }
       ::slotted([slot="nav-item"]){
         font-size: calc(1em + .5vw);
-        margin-right: 10%;
+        margin-right: 5%;
         text-decoration: none;
         color: white !important;
         white-space: nowrap;
@@ -65,7 +68,7 @@ class SiteHeader extends LitElement {
          max-width: 380px;
        }
       }
-      @media (max-width: 725px){
+      @media (max-width: 950px){
         #menu-button {
           display: flex;
           background: none;
@@ -99,7 +102,7 @@ class SiteHeader extends LitElement {
         }
         ::slotted([slot="nav-item"]){
           font-size: 1em;
-          padding: 7.5% 0 7.5% 0;
+          padding-bottom: 7%;
           margin: 0;
           text-align: center;
         }
diff --git a/templates/_header_content.html b/templates/_header_content.html
index dd6420f..f7343d5 100644
--- a/templates/_header_content.html
+++ b/templates/_header_content.html
@@ -1,7 +1,8 @@
 <a slot="title" href="/">
-  <img id="site-logo" src="<%= assetPath("images/"+ThemeVariable("siteLogo")) %>" 
+  <img id="site-logo" src="<%= assetPath("images/"+ThemeVariable("siteLogo")) %>"
     alt="<%= ThemeVariable("siteName") %>">
 </a>
 <a slot="nav-item" href="/pages/about"><%= t("about") %></a>
+<a slot="nav-item" href="/pages/organizations">Organizations</a>
 <a slot="nav-item" href="/search/?search=*"><%= t("browse") %></a>
 <a slot="nav-item" href=""><%= t("sign_in") %></a>