Finalize App

4 files changed, 28 insertions, 16 deletions

diff --git a/.gitignore b/.gitignore
index a9812ed..207879e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
+.DS_Store
 .cache
 dist
 node_modules
diff --git a/client/src/App.css b/client/src/App.css
index 9f86207..f7df80e 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -224,7 +224,7 @@ input[type="number"] {
     padding-left: 30px;
 }
 details {
-    border: 1px solid #aaa;
+    border: 1px dashed var(--red);
     border-radius: 4px;
     padding: .5em .5em 0;
 }
@@ -240,10 +240,20 @@ details[open] {
 }
 
 details[open] summary {
-    border-bottom: 1px solid #aaa;
+    border-bottom: 1px solid var(--red);
     margin-bottom: .5em;
 }
 .apneReports{
     padding-top: 10px;
     line-height: 1.5;
 }
+.labelIska {
+    font-weight: 700;
+}
+input, textarea {
+    border: 1px solid var(--red);
+}
+textarea {
+    width: 95%;
+    height: 120px;
+}
\ No newline at end of file
diff --git a/client/src/App.tsx b/client/src/App.tsx
index 56b7ded..2ea7724 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -30,7 +30,7 @@ const App = () => {
   const [activeTab, setActiveTab] = useState<string>("transfer");
 
   // Granadanet Memoir contract
-  const contractAddress: string = "KT1PjaJZxYvE335fdD7GXLshPWdFAYan1ta3";
+  const contractAddress: string = "KT1XDxSuXHBBtLDZRd2ZpEMYkxgutMc7a6mU";
 
   const generateQrCode = (): { __html: string } => {
     const qr = qrcode(0, "L");
@@ -172,11 +172,11 @@ const App = () => {
                      <summary>
                       {JSON.parse(storage.records[idx]).date}
                      </summary>
-                     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>
+                     <b>Name:</b> {JSON.parse(storage.records[idx]).name}<br></br>
+                     <b>Age:</b> {JSON.parse(storage.records[idx]).age}<br></br>
+                     <b>Height:</b> {JSON.parse(storage.records[idx]).height}<br></br>
+                     <b>Weight:</b> {JSON.parse(storage.records[idx]).weight}<br></br>
+                     <b>Prescription:</b> {JSON.parse(storage.records[idx]).prescription}<br></br>
                     </details>
                    </div>)}
 
diff --git a/client/src/components/Records.tsx b/client/src/components/Records.tsx
index 130e985..54dc946 100644
--- a/client/src/components/Records.tsx
+++ b/client/src/components/Records.tsx
@@ -50,27 +50,28 @@ const Records = ({ contract, setUserBalance, Tezos, userAddress, setStorage }: R
   return (
     <div>
       <form action="" method="get" className="form-apna">
-          <label className="labelIska">Doctor: </label>
+          <label className="labelIska">Doctor:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </label>
           <input type="text" className="formFields" id="form-name" 
           onChange={event => setName(event.target.value)} required/>
           <br/>
-          <label className="labelIska">Date: </label>
+          <label className="labelIska">Date: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
           <input type="date" className="formFields" id="form-date" 
           onChange={event => setDate(event.target.value)} required/><br/>
-          <label className="labelIska">Age: </label>
+          <label className="labelIska">Age:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
           <input type="number" className="formFields" id="form-age" 
           onChange={event => setAge(event.target.value)} required/><br/>
-          <label className="labelIska">Height: </label>
+          <label className="labelIska">Height:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
           <input type="number" className="formFields" id="form-height" 
           onChange={event => setHeight(event.target.value)} required/><br/>
-          <label className="labelIska">Weight: </label>
+          <label className="labelIska">Weight:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
           <input type="number" className="formFields" id="form-date" 
           onChange={event => setWeight(event.target.value)} required/><br/>
-          <label className="labelIska">Hospital: </label>
+          <label className="labelIska">Hospital:&nbsp;</label>&nbsp;&nbsp;&nbsp;
           <input type="text" className="formFields" id="form-hospital" 
           onChange={event => setHospital(event.target.value)} required/><br/>
-          <label className="labelIska">Presciption: </label>
-          <input type="textbox" className="formFields" id="form-prescription"
+          <br/>
+          <label className="labelIska">Presciption: </label><br/>
+          <textarea className="formFields" id="form-prescription"
           onChange={event => setPrescription(event.target.value)}/><br/>
           <span id="form-ka-button">
           <button type="submit"  className="button" disabled={loadingIncrement} onClick={addRecord}>