From a299ac5bcd006286876542498aaa769c0e88fc96 Mon Sep 17 00:00:00 2001
From: Lorenz Padberg <lorenz.padberg@iterativ.ch>
Date: Thu, 28 Jul 2022 16:31:13 +0200
Subject: [PATCH] Fix bottom spacing cms_document block and image_block

---
 client/src/components/content-blocks/CmsDocumentBlock.vue | 1 +
 client/src/components/content-blocks/ImageBlock.vue       | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/client/src/components/content-blocks/CmsDocumentBlock.vue b/client/src/components/content-blocks/CmsDocumentBlock.vue
index c00262e8..3db7f222 100644
--- a/client/src/components/content-blocks/CmsDocumentBlock.vue
+++ b/client/src/components/content-blocks/CmsDocumentBlock.vue
@@ -31,6 +31,7 @@
     display: grid;
     grid-template-columns: 50px 1fr 50px;
     align-items: center;
+    margin-bottom: $large-spacing;
 
     &__icon {
       width: 30px;
diff --git a/client/src/components/content-blocks/ImageBlock.vue b/client/src/components/content-blocks/ImageBlock.vue
index 0adca535..f3be9cdb 100644
--- a/client/src/components/content-blocks/ImageBlock.vue
+++ b/client/src/components/content-blocks/ImageBlock.vue
@@ -20,10 +20,12 @@
 </script>
 
 <style scoped lang="scss">
+  @import "~styles/helpers";
+
   .image-block {
     width: 100%;
     max-width: 100%;
     border-radius: 13px;
-    margin-bottom: 30px;
+    margin-bottom: $large-spacing;
   }
 </style>