[contact] make the link to the team page bigger

assets/dark.scss

@@ -2,6 +2,10 @@
 
 @import "variables";
 
+*:hover > .hover-invertible {
+  filter: invert(1);
+}
+
 body[data-theme="dark"] {
   background: initial !important;
   background-color: $dark !important;

components/Authors.vue

@@ -1,8 +1,8 @@
 <template>
     <ul class="list-unstyled">
         <li class="mb-2">
-            <Icon v="collective-logo.svg" class="invertible"/>
-            <nuxt-link :to="`/${config.contact.team.route}`">
+            <nuxt-link :to="`/${config.contact.team.route}`" :class="bigteam ? 'btn btn-outline-primary border m-1' : ''">
+                <Icon v="collective-logo.svg" :class="['invertible', bigteam ? 'hover-invertible' : '']"/>
                 <T>contact.team.name</T>
             </nuxt-link>
         </li>
@@ -32,6 +32,9 @@
 
 <script>
     export default {
+        props: {
+            bigteam: {type: Boolean},
+        },
         data() {
             return {
                 authors: undefined,

routes/contact.vue

@@ -55,7 +55,7 @@
                 <Icon v="users"/>
                 <T>contact.authors</T>
             </h3>
-            <Authors/>
+            <Authors bigteam/>
         </section>
 
         <Support id="support"/>