Space between elements for marathon mainpage

Related to Issue #39
oengusio · Nov 29, 2021 · 0a22e69 · 0a22e69
1 parent fc34482
commit 0a22e69
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/components/marathon/Details.vue b/components/marathon/Details.vue
@@ -128,6 +128,7 @@ export default Vue.extend({
 }
 
 .marathon-live-player {
+  margin-block-start: var(--spacing);
   width: 100%;
   max-width: 2560px;
   height: 40vh;

diff --git a/pages/marathon/_marathon/index.vue b/pages/marathon/_marathon/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="marathon-mainpage-container">
     <MarathonDetails :marathon-id="marathonId" />
     <MarathonDescription :marathon-id="marathonId" />
   </div>
@@ -16,3 +16,11 @@ export default Vue.extend({
   },
 });
 </script>
+
+<style lang="scss" scoped>
+.marathon-mainpage-container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing);
+}
+</style>