added Center & Library to mobile menu

vue-theme/src/components/navigation/navigation.vue

@@ -109,10 +109,11 @@ nav.main.w-max
         ul.drop-down.w-max.t-up
             li.f-col.center
                 h5
-                    input(v-model="searchTerms" @keyup.enter="sendSearch" tabindex="10")
-                    button(@click="sendSearch" tabindex="11")  🔍 search 
+                    .search-item
+                        input(v-model="searchTerms" @keyup.enter="sendSearch" tabindex="10")
+                        button(@click="sendSearch" tabindex="11")  🔍 search 
             li(v-for="item in menuItems").f-row.center
-                router-link(@click="uncheck" v-if="item == 'about' || item == 'donate'" :to="`/page/${item}`")
+                router-link(@click="uncheck" v-if="item == 'about' || item == 'donate' || item == 'center' || item == 'library'" :to="`/page/${item}`")
                     h5 {{ item }}
                 router-link(@click="uncheck" v-else= "" :to="`/${item}`")
                     h5 {{ item }}
@@ -152,8 +153,9 @@ export default {
          */
         const menuItems = computed(() => {
             const extras = [
+                'center',
+                'library',
                 'blog',
-                // 'artist-resources',
                 'donate',
                 'about',
             ]
@@ -220,6 +222,8 @@ nav.main
             top: 36px
             padding: 0
             input
+                height: $ms-4
+                vertical-align: middle
                 width: 50%
                 font-size: $ms-2
 
@@ -293,7 +297,10 @@ nav.main
                 color: $cia_darker
                 cursor: pointer
         /* make this menu style for $small min-width 480px screen */
-        input
+        input, button
+                input, button 
+            height: $ms-6
+            vertical-align: middle
             &.hide
                 display: none
                 cursor: pointer