From 603039022c37bef20b30c58b3df1bdb210e18ede Mon Sep 17 00:00:00 2001
From: himeshr <himeshl@samanvayfoundation.org>
Date: Mon, 25 Mar 2024 17:23:07 +0530
Subject: [PATCH] #759 | Minor Styling change for questionGroup View

---
 src/dataEntryApp/components/Observations.js | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/dataEntryApp/components/Observations.js b/src/dataEntryApp/components/Observations.js
index 2f262e143..4bbcda569 100644
--- a/src/dataEntryApp/components/Observations.js
+++ b/src/dataEntryApp/components/Observations.js
@@ -103,15 +103,12 @@ function renderSingleQuestionGroup(
 ) {
   const groupObservations = valueWrapper ? valueWrapper.getValue() : [];
   return (
-    <div style={{ borderBottomStyle: "groove" }}>
+    <div style={{ borderStyle: "inset", borderWidth: "2px" }}>
       {map(groupObservations, (obs, i) => (
         <StyledTableRow key={`${index}-${i}-${customKey}`}>
-          <TableCell
-            style={{ backgroundColor: "rgba(0, 0, 0, 0.12)", padding: "6px 4px 6px 6px" }}
-            width={"0.1%"}
-          />
+          <TableCell width={"0.1%"} style={{ padding: "6px 4px 6px 6px" }} />
           <TableCell style={{ color: "#555555" }} component="th" scope="row" width="50%">
-            <div style={{ marginLeft: "20px" }}>{t(obs.concept["name"])}</div>
+            {t(obs.concept["name"])}
           </TableCell>
           <TableCell align="left" width="50%" style={{ padding: "6px 4px 6px 6px" }}>
             {renderValue(obs)}
@@ -370,7 +367,7 @@ const Observations = ({ observations, additionalRows, form, customKey, highlight
               >
                 {t(observation.concept["name"])}
               </Typography>
-              <Table size="small" aria-label="fegRows">
+              <Table size="small" aria-label="questionGroupRows">
                 <TableBody style={{ background: "white" }}> {questionGroupRows}</TableBody>
               </Table>
             </Box>