style

3 files changed, 48 insertions, 4 deletions

diff --git a/client/package-lock.json b/client/package-lock.json
index 1c59186..0fac169 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -4126,6 +4126,14 @@
         "lodash.uniq": "^4.5.0"
       }
     },
+    "caniuse-lite": {
+      "version": "1.0.30001260",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001260.tgz",
+      "integrity": "sha512-Fhjc/k8725ItmrvW5QomzxLeojewxvqiYCKeFcfFEhut28IVLdpHU19dneOmltZQIE5HNbawj1HYD+1f2bM1Dg==",
+      "requires": {
+        "nanocolors": "^0.1.0"
+      }
+    },
     "capture-exit": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/capture-exit/-/capture-exit-2.0.0.tgz",
@@ -10022,6 +10030,11 @@
       "integrity": "sha512-M2ufzIiINKCuDfBSAUr1vWQ+vuVcA9kqx8JJUsbQi6yf1uGRyb7HfpdfUr5qLXf3B/t8dPvcjhKMmlfnP47EzQ==",
       "optional": true
     },
+    "nanocolors": {
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/nanocolors/-/nanocolors-0.1.12.tgz",
+      "integrity": "sha512-2nMHqg1x5PU+unxX7PGY7AuYxl2qDx7PSrTRjizr8sxdd3l/3hBuWWaki62qmtYm2U5i4Z5E7GbjlyDFhs9/EQ=="
+    },
     "nanoid": {
       "version": "3.1.20",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.20.tgz",
@@ -16408,4 +16421,4 @@
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="
     }
   }
-}
\ No newline at end of file
+}
diff --git a/client/src/App.css b/client/src/App.css
index f565e3b..9f86207 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -219,4 +219,31 @@ input[type="number"] {
 #form-ka-button {
     padding-left: 78%;
     margin-right: 0;
-}
\ No newline at end of file
+}
+.apneReports{
+    padding-left: 30px;
+}
+details {
+    border: 1px solid #aaa;
+    border-radius: 4px;
+    padding: .5em .5em 0;
+}
+
+summary {
+    font-weight: bold;
+    margin: -.5em -.5em 0;
+    padding: .5em;
+}
+
+details[open] {
+    padding: .5em;
+}
+
+details[open] summary {
+    border-bottom: 1px solid #aaa;
+    margin-bottom: .5em;
+}
+.apneReports{
+    padding-top: 10px;
+    line-height: 1.5;
+}
diff --git a/client/src/App.tsx b/client/src/App.tsx
index 7bd37ba..56b7ded 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -170,9 +170,13 @@ const App = () => {
                  <div className="apneReports">
                    <details>
                      <summary>
-                     {JSON.parse(storage.records[idx]).date}
+                      {JSON.parse(storage.records[idx]).date}
                      </summary>
-                     {JSON.parse(storage.records[idx]).name}
+                     Name: {JSON.parse(storage.records[idx]).name}<br></br>
+                     Age: {JSON.parse(storage.records[idx]).age}<br></br>
+                     Height: {JSON.parse(storage.records[idx]).height}<br></br>
+                     Weight: {JSON.parse(storage.records[idx]).weight}<br></br>
+                     Prescription: {JSON.parse(storage.records[idx]).prescription}<br></br>
                     </details>
                    </div>)}