bigger header icons

components/Header.vue

@@ -17,8 +17,9 @@
         <div class="d-none d-md-block">
             <div class="btn-group btn-block nav-custom mb-2">
                 <nuxt-link v-for="link in links" :key="link.link" :to="link.link" :class="`btn btn-sm ${isActiveRoute(link) ? 'active' : ''}`">
-                    <Icon :v="link.icon"/>
-                    {{ link.text }}
+                    <Icon :v="link.icon" size="1.6"/>
+                    <br/>
+                    <span class="text-nowrap">{{ link.text }}</span>
                 </nuxt-link>
             </div>
         </div>

components/Icon.vue

@@ -1,5 +1,5 @@
 <template>
-    <span :class="['fa' + set, 'fa-' + v, 'fa-fw']"></span>
+    <span :class="['fa' + set, 'fa-' + v, 'fa-fw']" :style="`font-size: ${size}em`"></span>
 </template>
 
 <script>
@@ -7,6 +7,7 @@
         props: {
             v: { required: true },
             set: { default: 'l' },
+            size: { default: 1 },
         }
     }
 </script>