fix: issue #1169 fix table style

Author: yoution

src/components/ChallengeEditor/Registrants/Registrants.module.scss

@@ -7,6 +7,7 @@ $tc-silver-130: #554e48;
 $tc-bronze: #d98f64;
 $tc-bronze-130: #733d17;
 $tc-gray-10: #d5d5d5;
+$tc-gray-50: #808080;
 $member-gray: #555;
 $member-green: #258205;
 $member-blue: #4c50d9;
@@ -90,7 +91,7 @@ $member-red:  #ea1900;
   outline: none;
   font: inherit;
   color: inherit;
-  padding: 10;
+  padding: 0;
 
   @include xs-to-sm {
     padding-left: 0;

src/components/ChallengeEditor/Submissions/Submissions.module.scss

@@ -18,7 +18,7 @@ $base-unit: 5px;
 .container {
   @include roboto;
 
-  max-width: 1060px;
+  max-width: 966px;
   margin-left: auto;
   margin-right: auto;
 
@@ -138,8 +138,8 @@ $base-unit: 5px;
     font-weight: 500;
     font-size: 15px;
     line-height: 15px;
-    padding-bottom: 14px;
-    padding-top: 14px;
+    padding-bottom: 13px;
+    padding-top: 13px;
     color: $tc-gray-50;
     background: #e8e8e8;
     display: flex;
@@ -193,7 +193,7 @@ $base-unit: 5px;
   margin: 0 auto;
   padding-bottom: 30px;
   line-height: 50px;
-  text-align: center;
+  // text-align: center;
 
   @include xs-to-sm {
     margin: 30px 0;
@@ -271,6 +271,7 @@ $base-unit: 5px;
     }
 
     .col-1 {
+      display: flex;
       padding-left: 30px;
       text-align: left;
       width: 10%;
@@ -284,22 +285,30 @@ $base-unit: 5px;
     }
 
     .col-2 {
-      width: 10%;
+      // width: 10%;
+      display: flex;
+      width: 150px;
       margin-left: 20px;
       justify-content: flex-start;
       display: flex;
     }
 
     .col-3 {
-      width: 26.6%;
+      width: 298px;
+      display: flex;
+      // width: 26.6%;
     }
 
     .col-4 {
-      width: 26.6%;
+      display: flex;
+      // width: 26.6%;
+      width: 317px;
     }
 
     .col-5 {
-      width: 26.6%;
+      display: flex;
+      width: 351px;
+      // width: 26.6%;
     }
 
     .handle {
@@ -346,7 +355,7 @@ $base-unit: 5px;
 
 .header-sort {
   display: flex;
-  justify-content: center;
+  // justify-content: center;
   align-items: center;
   cursor: pointer;
   border: none;