Merge pull request #1209 from topcoder-platform/pm-1503_3

fix(PM-1503): Weight column in view scorecard page

Author: hentrymartin

src/apps/review/src/pages/scorecards/ViewScorecardPage/ScorecardGroups/ScorecardGroups.module.scss

@@ -38,6 +38,9 @@
             .heading {
                 .groupInfo {
                     flex-direction: row;
+                    .weight {
+                        text-align: end;
+                    }
                     .name {
                         margin-bottom: 0px;
                     }

src/apps/review/src/pages/scorecards/ViewScorecardPage/ScorecardGroups/ScorecardGroups.tsx

@@ -19,7 +19,7 @@ const ScorecardGroups: FC<ScorecardGroupsProps> = (props: ScorecardGroupsProps)
                         <div className={styles.groupNumber}>{`Group ${index + 1}`}</div>
                         <div className={styles.groupInfo}>
                             <div className={styles.name}>{group.name}</div>
-                            <div>{group.weight}</div>
+                            <div className={styles.weight}>{group.weight}</div>
                         </div>
                     </div>
                     <ScorecardSections sections={group.sections} />

src/apps/review/src/pages/scorecards/ViewScorecardPage/ScorecardSections/ScorecardSections.module.scss

@@ -84,6 +84,9 @@
                     .name {
                         margin-bottom: 0px;
                     }
+                    .weight {
+                        text-align: end;
+                    }
                 }
             }
             .questions { 
@@ -98,7 +101,10 @@
                         }
                     }
                     .right {
-                        justify-content: flex-start;
+                        justify-content: flex-end;
+                        .weight {
+                            text-align: end;
+                        }
                     }
                 }
             }

src/apps/review/src/pages/scorecards/ViewScorecardPage/ScorecardSections/ScorecardSections.tsx

@@ -18,7 +18,7 @@ const ScorecardSections: FC<ScorecardSectionsProps> = (props: ScorecardSectionsP
                         <div>{`Section ${sectionIndex + 1}`}</div>
                         <div className={styles.sectionInfo}>
                             <div className={styles.name}>{section.name}</div>
-                            <div>{section.weight}</div>
+                            <div className={styles.weight}>{section.weight}</div>
                         </div>
                     </div>
                     <div className={styles.questions}>
@@ -55,7 +55,7 @@ const ScorecardSections: FC<ScorecardSectionsProps> = (props: ScorecardSectionsP
                                         </div>
                                     </div>
                                     <div className={styles.right}>
-                                        <div>{question.weight}</div>
+                                        <div className={styles.weight}>{question.weight}</div>
                                     </div>
                                 </div>
                             ))