feat: problem detail style changes

ProvideQ · Oct 11, 2024 · 71ded9e · 71ded9e
1 parent d99fad4
commit 71ded9e
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/src/components/solvers/Graph/ProblemDetails.tsx b/src/components/solvers/Graph/ProblemDetails.tsx
@@ -68,9 +68,7 @@ export const ProblemDetails = (props: { problemDto: ProblemDto<any> }) => {
       </Text>
       {solver && (
         <VStack width="100%" align="stretch">
-          <Text>
-            <b>Solver Settings:</b>{" "}
-          </Text>
+          <Text fontWeight="bold">Solver Settings:</Text>
           <SettingsView
             problemDto={props.problemDto}
             settingsChanged={(settings) => {
@@ -83,7 +81,7 @@ export const ProblemDetails = (props: { problemDto: ProblemDto<any> }) => {
         <b>No subroutines</b>
       ) : (
         <VStack width="100%" align="stretch">
-          <Text>Sub Routines:</Text>
+          <Text fontWeight="bold">Sub Routines:</Text>
           <Accordion>
             {props.problemDto.subProblems.map((subProblem) =>
               getAccordionItem(
@@ -95,7 +93,10 @@ export const ProblemDetails = (props: { problemDto: ProblemDto<any> }) => {
         </VStack>
       )}
       {props.problemDto.solution !== null && (
-        <SolutionView solution={props.problemDto.solution} />
+        <VStack width="100%" align="stretch">
+          <Text fontWeight="bold">Solution:</Text>
+          <SolutionView solution={props.problemDto.solution} />
+        </VStack>
       )}
     </VStack>
   );