tutors get reason for rejected pw / Task Type name clipped

frontend/src/components/PasswordChangeDialog.vue

@@ -77,10 +77,15 @@ export default {
         })
         this.$emit('hide')
       }).catch(() => {
+        let reasons = ''
+        if (error.response) {
+          reasons = error.response.data.password.map(reason => `- ${reason}`).join('<br/>')
+        }
         this.$notify({
           title: 'Error!',
-          text: 'Unable to change password',
-          type: 'error'
+          text: `Unable to change password<br/>${reasons}`,
+          type: 'error',
+          duration: -1
         })
       })
     }

frontend/src/components/RegisterDialog.vue

@@ -58,11 +58,17 @@ export default {
       this.loading = true
       registerTutor(this.credentials).then(() => {
         this.$emit('registered', this.credentials)
-      }).catch(() => {
+      }).catch(error => {
+        let reasons = ''
+        if (error.response) {
+          reasons = error.response.data.password.map(reason => `- ${reason}`).join('<br/>')
+        }
+        console.log(reasons)
         this.$notify({
           title: 'Unable to register',
-          text: "Couldn't register a tutor account.",
-          type: 'error'
+          text: `Couldn't register a tutor account.<br/>${reasons}`,
+          type: 'error',
+          duration: -1
         })
       }).finally(() => { this.loading = false })
     }

frontend/src/components/SubmissionTypesOverview.vue

 <template>
   <v-card>
-    <v-card-title class="title">Assignment types</v-card-title>
+    <v-card-title class="title">Task types</v-card-title>
       <v-layout row wrap>
           <v-flex xs3>
               <v-list>
@@ -16,7 +16,7 @@
           </v-flex>
           <v-flex xs9>
               <v-layout v-if="!selectedSubmissionType" justify-center>
-                  <strong>Select an assignment type on the left to see the description and solution.</strong>
+                  <strong>Select a task type on the left to see the description and solution.</strong>
               </v-layout>
               <submission-type class="mr-2 mb-2" v-else v-bind="selectedSubmissionType"/>
           </v-flex>

frontend/src/components/subscriptions/SubscriptionForList.vue

@@ -8,11 +8,11 @@
       <!-- dynamically set css class depending on active -->
       <v-list-tile-content
         :class="{'inactive-subscription': !active}"
-        class="ml-3">
+        class="mr-3 subscription">
         {{name}}
       </v-list-tile-content>
       <v-list-tile-action-text>
-        available: {{available}}
+        left: {{available}}
       </v-list-tile-action-text>
     </v-list-tile>
   </v-layout>
@@ -55,4 +55,10 @@ export default class SubscriptionForList extends Vue {
     cursor: default;
     color: #B5B5B5;
   }
+
+  .subscription {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 </style>