Style tweaks

OpsLevel · Dec 11, 2024 · b37591c · b37591c
1 parent 2afcfde
commit b37591c
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 10 deletions.
diff --git a/.changes/unreleased/Fixed-20241211-164220.yaml b/.changes/unreleased/Fixed-20241211-164220.yaml
@@ -0,0 +1,3 @@
+kind: Fixed
+body: Minor style fixes in the autosync behavior
+time: 2024-12-11T16:42:20.964246-06:00
diff --git a/src/components/OverallMaturity/BackendExportEntitiesForm.tsx b/src/components/OverallMaturity/BackendExportEntitiesForm.tsx
@@ -36,6 +36,7 @@ const useStyles = makeStyles((theme) => {
     accordion: {
       backgroundColor: `${theme.palette.background.default} !important`,
       color: `${theme.palette.text.primary} !important`,
+      paddingLeft: "8px",
     },
     accordionDetails: {
       paddingTop: "0px !important",
@@ -207,7 +208,7 @@ export default function BackendExportEntitiesForm() {
   const classes = useStyles();
 
   return (
-    <span>
+    <>
       <Accordion
         className={classes.accordion}
         expanded={configExpanded}
@@ -374,6 +375,6 @@ export default function BackendExportEntitiesForm() {
           configuration above.
         </Typography>
       )}
-    </span>
+    </>
   );
 }
diff --git a/src/components/OverallMaturity/ExportEntitiesForm.tsx b/src/components/OverallMaturity/ExportEntitiesForm.tsx
@@ -144,14 +144,16 @@ export default function ExportEntityForm() {
   return (
     <span>
       <Typography paragraph>
-        <b style={{ color: "orange" }}>New:</b> Check out our{" "}
-        <Link
-          href="https://github.com/OpsLevel/backstage-plugin-backend"
-          target="_blank"
-        >
-          backend plugin
-        </Link>
-        , which enables automatic syncing!
+        <Alert>
+          Check out our{" "}
+          <Link
+            href="https://github.com/OpsLevel/backstage-plugin-backend"
+            target="_blank"
+          >
+            backend plugin
+          </Link>
+          , which enables automatic syncing!
+        </Alert>
       </Typography>
       <Typography paragraph>
         The{" "}