Improve bevhaviour of report card navigator component

components/footer/Footer.vue

 <template>
-  <v-footer app>
-    <span>&copy; {{ new Date().getFullYear() }}</span>
-  </v-footer>
+  <div>Footer!</div>
 </template>
 
 <script>

components/report_cards/shared/EntityReportCard.vue

 <template>
   <v-container>
     <v-row>
-      <v-col cols="11" md="9">
+      <v-col cols="12" md="9">
         <h1 class="primary--text">{{ reportCardStructure.title }}</h1>
         <v-divider />
         <br />
@@ -15,7 +15,7 @@
           <v-divider />
         </div>
       </v-col>
-      <v-col cols="1" md="3">
+      <v-col cols="0" md="3">
         <Navigator :report-card-structure="reportCardStructure" />
       </v-col>
     </v-row>

components/report_cards/shared/ReportCardSection.vue

 <template>
-  <div :id="sectionDescription.id">
+  <div :id="sectionDescription.id" class="report-card-section">
     <v-row>
       <v-col cols="12">
-        <div class="d-flex">
-          <a :href="`#${sectionDescription.id}`">
-            <v-icon>mdi-link</v-icon>
-          </a>
+        <a
+          :href="`#${sectionDescription.id}`"
+          class="d-flex section-title-link"
+          @mouseover="showLinkIcon = true"
+          @mouseout="showLinkIcon = false"
+        >
           <h2 class="primary--text">{{ sectionDescription.title }}</h2>
-        </div>
+          <v-icon v-show="showLinkIcon">mdi-link</v-icon>
+        </a>
       </v-col>
     </v-row>
 
@@ -27,7 +30,26 @@ export default {
       default: () => {},
     },
   },
+  data() {
+    return {
+      showLinkIcon: false,
+    }
+  },
 }
 </script>
 
-<style></style>
+<style lang="scss">
+.report-card-section {
+  .section-title-link {
+    text-decoration: none;
+  }
+  &::before {
+    display: block;
+    content: ' ';
+    margin-top: -68px;
+    height: 68px;
+    visibility: hidden;
+    pointer-events: none;
+  }
+}
+</style>

web-components-submodule @ 4a1c5882

-Subproject commit 8cb7155b29bc9d533d0704f794718ad37a160a31
+Subproject commit 4a1c5882ae02999a91bf698fb9ee6625e5262528