Add underline for label in Explore mode (asreview#1561)

PeterLombaers · Nov 2, 2023 · ec97184 · ec97184
1 parent e6a4f9c
commit ec97184
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/asreview/webapp/src/StyledComponents/StyledAlert.js b/asreview/webapp/src/StyledComponents/StyledAlert.js
@@ -1,13 +1,19 @@
 import * as React from "react";
-import { Alert } from "@mui/material";
+import { Alert, Box } from "@mui/material";
 
 export function ExplorationModeRecordAlert(props) {
   return (
     <Alert
       severity="info"
       sx={{ borderBottomRightRadius: 0, borderBottomLeftRadius: 0 }}
     >
-      {`Labeled as ${props.label} in the dataset`}
+      Labeled as{" "}
+      {
+        <Box sx={{ textDecoration: "underline" }} display="inline">
+          {props.label}
+        </Box>
+      }{" "}
+      in the dataset
     </Alert>
   );
 }