From 71ded9e196eb4eab9c67208d05c2e2c87040c2c2 Mon Sep 17 00:00:00 2001
From: Elscrux <nickposer2102@gmail.com>
Date: Fri, 11 Oct 2024 15:48:54 +0200
Subject: [PATCH] feat: problem detail style changes

---
 src/components/solvers/Graph/ProblemDetails.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/solvers/Graph/ProblemDetails.tsx b/src/components/solvers/Graph/ProblemDetails.tsx
index 57c0df2..0a206c7 100644
--- 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>
   );