Update more margins

client/src/components/ContentBlock.vue

@@ -287,7 +287,7 @@
       .content-block__title {
         color: $color-brand;
         margin-top: $default-padding;
-        margin-bottom: $section-spacing;
+        margin-bottom: $large-spacing;
         @include light-border(bottom);
 
         @include desktop {

client/src/components/content-blocks/ContentComponent.vue

@@ -123,6 +123,11 @@ export default {
     margin-bottom: $large-spacing;
   }
 
+  &--section_title {
+    margin-top: $section-spacing;
+    margin-bottom: $large-spacing;
+  }
+
   &--text_block {
     margin-bottom: $large-spacing;
   }

client/src/components/modules/Module.vue

@@ -26,11 +26,13 @@
 
     <h3 id="objectives">Lernziele</h3>
 
-    <objective-groups :groups="languageCommunicationObjectiveGroups"/>
+    <div class="module__objective-groups">
+      <objective-groups :groups="languageCommunicationObjectiveGroups"/>
 
-    <objective-groups :groups="societyObjectiveGroups"/>
+      <objective-groups :groups="societyObjectiveGroups"/>
 
-    <objective-groups :groups="interdisciplinaryObjectiveGroups"/>
+      <objective-groups :groups="interdisciplinaryObjectiveGroups"/>
+    </div>
 
     <chapter
       :chapter="chapter"
@@ -268,5 +270,8 @@
       margin-top: 3px;
     }
 
+    &__objective-groups {
+      margin-bottom: $large-spacing;
+    }
   }
 </style>

client/src/components/objective-groups/ObjectiveGroup.vue

@@ -58,8 +58,11 @@
 </script>
 
 <style scoped lang="scss">
+  @import "@/styles/_variables.scss";
+
   .objective-group {
     position: relative;
+    margin-top: $large-spacing;
 
     &__actions {
       position: absolute;

client/src/components/objective-groups/ObjectiveGroups.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="objective-groups">
     <objective-group
       :key="group.id"
       :group="group"
@@ -63,3 +63,13 @@
     }
   };
 </script>
+
+<style scoped lang="scss">
+  @import "@/styles/_variables.scss";
+
+  .objective-groups {
+    margin-bottom: $large-spacing;
+    display: flex;
+    flex-direction: column;
+  }
+</style>

client/src/styles/_objective-group.scss

@@ -2,8 +2,6 @@
 @import 'mixins';
 
 .objective-group {
-  margin-bottom: 35px;
-
   &__objective-list {
     list-style: none;