Merge branch 'dev' into features/search

components/Card.vue

@@ -15,7 +15,7 @@ export default {
   props: {
     resource: Object,
     isActive: Boolean,
-    createCopyUrl: Function, 
+    createCopyUrl: Function,
   },
 }
 </script>
@@ -37,13 +37,15 @@ export default {
 
   &--meta {
     display: flex;
-    align-items: center;
+    justify-content: flex-start;
   }
 
   &--favicon {
     height: 16px;
     width: 16px;
-    margin-right: .5rem;
+    margin-top: 0.3rem;
+    margin-right: 0.5rem;
+
   }
 
   &--reference {

components/OptOutIframe.vue

@@ -0,0 +1,3 @@
+<template lang="pug">
+  iframe(style="border: 0; width: 100%; border-radius: 3px; font-family:Poppins,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;" src="https://stats.lost.services/index.php?module=CoreAdminHome&action=optOut&language=en&backgroundColor=08e5ff&fontColor=212121&fontSize=&fontFamily=Poppins")
+</template>

components/Sidebar.vue

@@ -4,6 +4,11 @@
       template(v-for='category in categories')
         //- nuxt-link(:to='$i18n.path(category.slug)') {{ category.title }}
         nuxt-link(:to='category.slug') {{ category.title }}
+      hr
+      nuxt-link(to='/privacy-policy') Privacy Policy
+      nuxt-link(to='/cookie-policy') Cookie Policy
+      nuxt-link(to='/imprint') Imprint
+      hr
       div(class="toggleWrapper" @click="toggleCardsVisible")
         div(class="viewToggle" :class="{active: areCardsVisible}") Cards
         div(class="viewToggle" :class="{active: !areCardsVisible}") Table
@@ -58,6 +63,7 @@ export default {
     border-style: solid;
     border-radius: 0.25rem;
     overflow: hidden;
+    margin: 1rem auto;
   }
   .viewToggle {
     padding: 0 0.2rem;
@@ -67,6 +73,10 @@ export default {
     background-color: #08e5ff;
     color: #232331;
   }
+  hr {
+    width: 80%;
+    background-color: #08e5ff;
+  }
 }
 
 @media (max-width: 400px) {