Refine statistic-list

src/app/components/shared/list-statistic/list-statistic.component.html

@@ -27,7 +27,7 @@
   </ng-container>
 
   <ng-container matColumnDef="counts">
-    <mat-header-cell *matHeaderCellDef> {{'statistic.total' | translate}} </mat-header-cell>
+    <mat-header-cell *matHeaderCellDef> {{'statistic.answers' | translate}} </mat-header-cell>
     <mat-cell *matCellDef="let cp" [ngClass]="{
       'positiveC' : cp.percent >= status.good,
       'okayC' : cp.percent >= status.okay && cp.percent < status.good,

src/app/components/shared/list-statistic/list-statistic.component.scss

@@ -2,14 +2,21 @@ table{
   width: 100%;
 }
 
+.mat-column-content {
+  min-width: 120px;
+  padding-left: 4%;
+}
+
 .mat-column-percentage {
   display: flex;
-  justify-content: flex-end;
+  justify-content: center;
+  padding-right: 4%;
 }
 
 .mat-column-counts {
   display: flex;
-  justify-content: flex-end;
+  justify-content: center;
+  text-align: center!important;
 }
 
 .mat-column-abstentions {

src/app/components/shared/list-statistic/list-statistic.component.ts

@@ -37,7 +37,7 @@ export class ListStatisticComponent implements OnInit {
 
   @Input() contentGroup: ContentGroup;
   contents: Content[] = [];
-  displayedColumns = ['content', 'counts', 'abstentions', 'percentage'];
+  displayedColumns = ['content', 'counts', 'percentage'];
   status = {
     good: 85 ,
     okay: 50 ,

src/assets/i18n/creator/de.json

@@ -67,7 +67,7 @@
   "statistic": {
     "content": "Frage",
     "learning-status": "Lernstand",
-    "total": "Total",
+    "answrs": "Antworten",
     "percentage": "Prozent",
     "abstentions": "Enthaltungen"
   }

src/assets/i18n/participant/de.json

@@ -32,7 +32,7 @@
   "statistic": {
     "content": "Frage",
     "learning-status": "Lernstand",
-    "total": "Total",
+    "answers": "Antworten",
     "percentage": "Prozent",
     "abstentions": "Enthaltungen"
   }

src/assets/i18n/participant/en.json

@@ -32,7 +32,7 @@
   "statistic": {
     "content": "Content",
     "learning-status": "Learning status",
-    "total": "Total",
+    "answrs": "Answers",
     "percentage": "Percentage",
     "abstentions": "Abstentions"
   }