Add styling for lists in assignments

Also, refactor some code

Relates to MS-518

client/src/components/AssignmentWithSubmissions.vue

@@ -147,6 +147,13 @@
       margin-top: $large-spacing;
     }
 
+    /deep/ ul {
+      @include list-parent;
+    }
+    /deep/ li {
+      @include list-child;
+    }
+
   }
 
   .submissions {

client/src/components/ContentBlock.vue

@@ -327,11 +327,11 @@
 
     /deep/ .text-block {
       ul {
-        padding-left: 25px;
+        @include list-parent;
       }
 
       li {
-        list-style: disc;
+        @include list-child;
         line-height: 1.5;
       }
     }

client/src/components/content-blocks/assignment/Assignment.vue

@@ -5,7 +5,7 @@
     class="assignment"
   >
     <p
-      class="assignment__assignment-text"
+      class="assignment__main-text"
       data-cy="assignment-main-text"
       v-html="assignment.assignment"
     />
@@ -275,6 +275,16 @@
       margin-bottom: 1rem;
     }
 
+    &__main-text {
+      /deep/ ul{
+        @include list-parent
+      }
+
+      /deep/ li {
+        @include list-child;
+      }
+    }
+
     &__toggle-input-container {
       display: flex;
       margin-bottom: 15px;

client/src/components/profile/DeactivatePerson.vue

@@ -113,11 +113,11 @@
     }
 
     &__list {
-      padding-left: $medium-spacing;
+      @include list-parent;
     }
 
     &__list-item {
-      list-style: disc;
+      @include list-child;
     }
 
     &__text {

client/src/pages/instrument.vue

@@ -75,7 +75,7 @@
       }
 
       & ul {
-        padding-left: 25px;
+        @include list-parent;
       }
 
       & p + ul {
@@ -83,7 +83,7 @@
       }
 
       & li {
-        list-style: disc;
+        @include list-child;
         line-height: 1.5;
       }
 

client/src/styles/_mixins.scss

@@ -245,3 +245,12 @@
   width: $small-icon-dimension;
   height: $small-icon-dimension;
 }
+
+
+@mixin list-parent {
+  padding-left: $medium-spacing;
+}
+
+@mixin list-child {
+  list-style: disc;
+}