Add sorting to material table

Author: railsstudent

src/app/quiz/quiz-question/quiz-question.component.scss

@@ -1,10 +1,15 @@
 table {
   width: 100%;
+}
 
-  .mat-sort-header-container {
-    display: flex;
-    justify-content: center;
-  }
+::ng-deep .mat-sort-header-container {
+   justify-content: center;
+}
+
+th.mat-header-cell {
+  font-size: 16px;
+  text-decoration: underline;
+  color: #fff;
 }
 
 td, th {
@@ -26,19 +31,19 @@ mat-list {
     border-bottom: 1px solid rgba(255, 255, 255, 0.12);
 
     span:nth-of-type(1) {
-      width: 20%;
+      width: 40%;
     }
 
     span:nth-of-type(2) {
-      width: 15%;
+      width: 20%;
     }
 
     span:nth-of-type(3) {
-      width: 15%;
+      width: 20%;
     }
 
     span:nth-of-type(4) {
-      width: 15%;
+      width: 20%;
     }
   }
 }