Update styling on tasks and assignments

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

@@ -1,19 +1,12 @@
 <template>
   <div class="task">
-    <chevron-right class="task__icon"></chevron-right>
     <div class="task__text" v-html="value.text"></div>
   </div>
 </template>
 
 <script>
-  import ChevronRight from '@/components/icons/ChevronRight.vue';
-
   export default {
-    props: ['value'],
-
-    components: {
-      ChevronRight
-    }
+    props: ['value']
   }
 </script>
 
@@ -21,15 +14,10 @@
   @import "@/styles/_variables.scss";
 
   .task {
-    display: grid;
-    grid-template-columns: 45px 1fr;
     margin-bottom: 30px;
     align-items: start;
-
-    &__icon {
-      width: 20px;
-      padding-top: 4px;
-      fill: $color-brand;
-    }
+    background-color: $color-brand-light;
+    padding: 20px;
+    border-radius: $default-border-radius;
   }
 </style>

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

@@ -175,9 +175,10 @@
       outline: 0;
       color: $color-grey;
       cursor: pointer;
+      border-bottom: 2px solid transparent;
 
       &--active {
-        border-bottom: 2px solid $color-darkgrey-1;
+        border-bottom-color: $color-darkgrey-1;
         color: $color-darkgrey-1;
       }
     }

client/src/store/index.js

@@ -11,7 +11,7 @@ export default new Vuex.Store({
     showModal: '',
     contentBlockPosition: {},
     scrollPosition: 0,
-    moduleSlug: 'mein-neues-umfeld',
+    moduleSlug: 'geld',
     filterForGroup: false,
     currentContentBlock: '',
     parentRoom: null