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 = ({