Fixed mojo padding

Carrene · Jul 29, 2019 · 9df17a9 · 9df17a9
1 parent 2360eed
commit 9df17a9
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 11 deletions.
diff --git a/src/components/Assignment.vue b/src/components/Assignment.vue
@@ -315,17 +315,19 @@
           </table>
         </div>
       </div>
-      <div
-        class=" mojo table-box"
-        v-if="resourceMojo"
-      >
-        <p class="mojo-header">Mojo</p>
-        <mojo
-          class="mojo-content"
-          :progress="resourceMojo.mojoProgress"
-          :hours="resourceMojo.mojoRemainingHours"
-          :boarding="resourceMojo.mojoBoarding"
-        ></mojo>
+      <div class="mojo">
+        <div
+          class="table-box"
+          v-if="resourceMojo"
+        >
+          <p class="mojo-header">Mojo</p>
+          <mojo
+            class="mojo-content"
+            :progress="resourceMojo.mojoProgress"
+            :hours="resourceMojo.mojoRemainingHours"
+            :boarding="resourceMojo.mojoBoarding"
+          ></mojo>
+        </div>
       </div>
 
       <!-- SNACKBAR -->

diff --git a/src/styles/layout/_assignment_layout.sass b/src/styles/layout/_assignment_layout.sass
@@ -257,6 +257,12 @@
       .check-box
         padding-left: 8px
 
+  .mojo
+    padding-top: $gutter * 12
+
+    .table-box
+      padding-left: $gutter * 8
+
     .mojo-header
       height: 21px
       padding-bottom: $gutter * 12