diff --git a/client/src/components/content-blocks/ContentComponent.vue b/client/src/components/content-blocks/ContentComponent.vue
index 51aa6ea4..d80a04b9 100644
--- a/client/src/components/content-blocks/ContentComponent.vue
+++ b/client/src/components/content-blocks/ContentComponent.vue
@@ -25,66 +25,26 @@
import { constructContentComponentBookmarkMutation } from '@/helpers/update-content-bookmark-mutation';
import { defineAsyncComponent } from 'vue';
-const TextBlock = defineAsyncComponent(() =>
- import('@/components/content-blocks/TextBlock.vue')
-);
-const InstrumentWidget = defineAsyncComponent(() =>
- import('@/components/content-blocks/InstrumentWidget.vue')
-);
-const ImageBlock = defineAsyncComponent(() =>
- import('@/components/content-blocks/ImageBlock.vue')
-);
-const ImageUrlBlock = defineAsyncComponent(() =>
- import('@/components/content-blocks/ImageUrlBlock.vue')
-);
-const VideoBlock = defineAsyncComponent(() =>
- import('@/components/content-blocks/VideoBlock.vue')
-);
-const LinkBlock = defineAsyncComponent(() =>
- import('@/components/content-blocks/LinkBlock.vue')
-);
-const DocumentBlock = defineAsyncComponent(() =>
- import('@/components/content-blocks/DocumentBlock.vue')
-);
-const CmsDocumentBlock = defineAsyncComponent(() =>
- import('@/components/content-blocks/CmsDocumentBlock.vue')
-);
-const InfogramBlock = defineAsyncComponent(() =>
- import('@/components/content-blocks/InfogramBlock.vue')
-);
-const ThinglinkBlock = defineAsyncComponent(() =>
- import('@/components/content-blocks/ThinglinkBlock.vue')
-);
-const GeniallyBlock = defineAsyncComponent(() =>
- import('@/components/content-blocks/GeniallyBlock.vue')
-);
-const SubtitleBlock = defineAsyncComponent(() =>
- import('@/components/content-blocks/SubtitleBlock.vue')
-);
-const SectionTitleBlock = defineAsyncComponent(() =>
- import('@/components/content-blocks/SectionTitleBlock.vue')
-);
-const ContentListBlock = defineAsyncComponent(() =>
- import('@/components/content-blocks/ContentListBlock.vue')
-);
-const ModuleRoomSlug = defineAsyncComponent(() =>
- import('@/components/content-blocks/ModuleRoomSlug.vue')
-);
-const Assignment = defineAsyncComponent(() =>
- import('@/components/content-blocks/assignment/Assignment.vue')
-);
-const Survey = defineAsyncComponent(() =>
- import('@/components/content-blocks/SurveyBlock.vue')
-);
-const Solution = defineAsyncComponent(() =>
- import('@/components/content-blocks/Solution.vue')
-);
-const Instruction = defineAsyncComponent(() =>
- import('@/components/content-blocks/Instruction.vue')
-);
-const BookmarkActions = defineAsyncComponent(() =>
- import('@/components/notes/BookmarkActions.vue')
-);
+const TextBlock = defineAsyncComponent(() => import('@/components/content-blocks/TextBlock.vue'));
+const InstrumentWidget = defineAsyncComponent(() => import('@/components/content-blocks/InstrumentWidget.vue'));
+const ImageBlock = defineAsyncComponent(() => import('@/components/content-blocks/ImageBlock.vue'));
+const ImageUrlBlock = defineAsyncComponent(() => import('@/components/content-blocks/ImageUrlBlock.vue'));
+const VideoBlock = defineAsyncComponent(() => import('@/components/content-blocks/VideoBlock.vue'));
+const LinkBlock = defineAsyncComponent(() => import('@/components/content-blocks/LinkBlock.vue'));
+const DocumentBlock = defineAsyncComponent(() => import('@/components/content-blocks/DocumentBlock.vue'));
+const CmsDocumentBlock = defineAsyncComponent(() => import('@/components/content-blocks/CmsDocumentBlock.vue'));
+const InfogramBlock = defineAsyncComponent(() => import('@/components/content-blocks/InfogramBlock.vue'));
+const ThinglinkBlock = defineAsyncComponent(() => import('@/components/content-blocks/ThinglinkBlock.vue'));
+const GeniallyBlock = defineAsyncComponent(() => import('@/components/content-blocks/GeniallyBlock.vue'));
+const SubtitleBlock = defineAsyncComponent(() => import('@/components/content-blocks/SubtitleBlock.vue'));
+const SectionTitleBlock = defineAsyncComponent(() => import('@/components/content-blocks/SectionTitleBlock.vue'));
+const ContentListBlock = defineAsyncComponent(() => import('@/components/content-blocks/ContentListBlock.vue'));
+const ModuleRoomSlug = defineAsyncComponent(() => import('@/components/content-blocks/ModuleRoomSlug.vue'));
+const Assignment = defineAsyncComponent(() => import('@/components/content-blocks/assignment/Assignment.vue'));
+const Survey = defineAsyncComponent(() => import('@/components/content-blocks/SurveyBlock.vue'));
+const Solution = defineAsyncComponent(() => import('@/components/content-blocks/Solution.vue'));
+const Instruction = defineAsyncComponent(() => import('@/components/content-blocks/Instruction.vue'));
+const BookmarkActions = defineAsyncComponent(() => import('@/components/notes/BookmarkActions.vue'));
export default {
props: {
@@ -190,8 +150,8 @@ export default {
}
&--subtitle {
- margin-top: $section-spacing;
- margin-bottom: $large-spacing;
+ margin-top: 2 * $medium-spacing;
+ margin-bottom: $medium-spacing;
}
&--section_title {
diff --git a/client/src/components/modules/Module.vue b/client/src/components/modules/Module.vue
index 6e9a7ed9..a8bb9277 100644
--- a/client/src/components/modules/Module.vue
+++ b/client/src/components/modules/Module.vue
@@ -58,11 +58,20 @@
class="module__objective-groups"
v-if="module.objectiveGroups.length"
>
-
+
-
+
-
+
diff --git a/client/src/components/objective-groups/ObjectiveGroup.vue b/client/src/components/objective-groups/ObjectiveGroup.vue
index 67118229..05c81019 100644
--- a/client/src/components/objective-groups/ObjectiveGroup.vue
+++ b/client/src/components/objective-groups/ObjectiveGroup.vue
@@ -81,7 +81,6 @@ export default {
.objective-group {
position: relative;
- margin-top: $large-spacing;
&__actions {
position: absolute;
diff --git a/client/src/components/objective-groups/ObjectiveGroups.vue b/client/src/components/objective-groups/ObjectiveGroups.vue
index 7d3551af..2131fed3 100644
--- a/client/src/components/objective-groups/ObjectiveGroups.vue
+++ b/client/src/components/objective-groups/ObjectiveGroups.vue
@@ -1,10 +1,12 @@
-
+
+
+
@@ -65,5 +67,9 @@ export default {
margin-bottom: $large-spacing;
display: flex;
flex-direction: column;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
}
diff --git a/client/src/layouts/SimpleLayout.vue b/client/src/layouts/SimpleLayout.vue
index 6547790d..1370e40e 100644
--- a/client/src/layouts/SimpleLayout.vue
+++ b/client/src/layouts/SimpleLayout.vue
@@ -20,7 +20,6 @@