Refactor code

client/src/components/profile/ModuleActivity.vue

@@ -87,9 +87,6 @@
   @import "@/styles/_mixins.scss";
 
   .module-activity {
-
-    /* used for text ellipis... somehow https://css-flexbox-text-ellipsis.dinhquangtrung.net/ just does not work */
-
     max-width: 640px;
 
     @include desktop {
@@ -104,6 +101,8 @@
       max-width: 320px;
     }
 
+    margin-bottom: 2*$large-spacing;
+
     &__module-name {
       @include regular-text;
       margin-bottom: $small-spacing;
@@ -119,43 +118,4 @@
     }
   }
 
-  .task-item {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    width: 100%;
-
-    $line-height: 50px;
-
-    &__title {
-      &::after {
-        content: ":"
-      }
-      margin-right: $medium-spacing;
-    }
-
-    &__submission {
-      width: 100%;
-      min-width: 0;
-      text-overflow: ellipsis;
-      overflow: hidden;
-    }
-
-    &__title, &__submission {
-      line-height: $line-height;
-      height: $line-height;
-      white-space: nowrap;
-    }
-
-    &__chevron {
-      line-height: $line-height;
-      height: $medium-spacing;
-      vertical-align: middle;
-      position: relative;
-      top: ($line-height - $medium-spacing) / 2;
-      fill: $color-brand;
-      width: 30px;
-    }
-  }
-
 </style>