diff --git a/src/optimizer-page/CourseOptimizerPage.tsx b/src/optimizer-page/CourseOptimizerPage.tsx index ee3859610..56bb161cd 100644 --- a/src/optimizer-page/CourseOptimizerPage.tsx +++ b/src/optimizer-page/CourseOptimizerPage.tsx @@ -150,7 +150,7 @@ const CourseOptimizerPage: FC<{ courseId: string }> = ({ courseId }) => { ( {intl.formatMessage(messages.headingTitle)} - {intl.formatMessage(messages.beta)} + {intl.formatMessage(messages.beta)} ) } diff --git a/src/optimizer-page/scan-results/ScanResults.scss b/src/optimizer-page/scan-results/ScanResults.scss index 8b2c8d0a1..cd006ce1a 100644 --- a/src/optimizer-page/scan-results/ScanResults.scss +++ b/src/optimizer-page/scan-results/ScanResults.scss @@ -29,10 +29,25 @@ .unit-card{ border: 1px solid #BCBCBC; box-shadow: 0 1px 2px rgb(0 0 0 / .15); - padding: 14px 32px 4px !important; + padding: 14px 32px 8px !important; - .table{ - margin-bottom: .5rem; + .pgn__data-table-wrapper { + box-shadow: none; + } + + .pgn__data-table-status-bar { + display: none; + } + + .pgn__data-table-footer{ + display: none; + } + + .pgn__data-table.is-striped tbody tr:nth-child(even) { + background-color: transparent !important; + } + + table{ table-layout: fixed; tbody { @@ -42,6 +57,10 @@ td { padding: 16px 0; border-top: none !important; + + a { + color: var(--info-500, #00688D); + } } td:nth-child(2) { @@ -54,11 +73,11 @@ /* Subsection Header */ .unit-header { - margin-top: 10px; + padding: 4px 0 6px !important; font-size: 14px; font-weight: 700; margin-bottom: .75rem; - color: var(--pgn-color-primary-500); + color: #000000; } /* Block Links */ @@ -78,12 +97,11 @@ } .unit { - padding: 0 1.5rem; + padding: .6rem 1.5rem 0; margin-right: -12px; } .broken-link { - color: var(--pgn-color-blue); text-decoration: none; } @@ -172,6 +190,7 @@ box-shadow: 0 1px 2px rgb(0 0 0 / .15); .collapsible-trigger{ + padding: 18px; border: none; } } @@ -181,7 +200,7 @@ } .section-collapsible-item-body { - margin: -16px -9px -12px -10px; + margin: -20px -8px -2px -12px; } .scan-header-title-container { @@ -304,3 +323,12 @@ border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important; } + +.section-title { + color: #000000; + font-size: 18px; + font-style: normal; + font-weight: 700; + line-height: 24px; + margin: 0; +} diff --git a/src/optimizer-page/scan-results/ScanResults.tsx b/src/optimizer-page/scan-results/ScanResults.tsx index f471a948c..c034c2aad 100644 --- a/src/optimizer-page/scan-results/ScanResults.tsx +++ b/src/optimizer-page/scan-results/ScanResults.tsx @@ -121,7 +121,7 @@ const ScanResults: FC = ({ data }) => { onClick={open} disabled={false} iconAfter={ArrowDropDown} - className="rounded-sm justify-content-between cadence-button" + className="justify-content-between" > {intl.formatMessage(messages.filterButtonLabel)} diff --git a/src/optimizer-page/scan-results/SectionCollapsible.tsx b/src/optimizer-page/scan-results/SectionCollapsible.tsx index cf06926ec..d90591360 100644 --- a/src/optimizer-page/scan-results/SectionCollapsible.tsx +++ b/src/optimizer-page/scan-results/SectionCollapsible.tsx @@ -45,7 +45,7 @@ const SectionCollapsible: FC = ({
- {title} +

{title}