Update app.py

app.py

@@ -47,14 +47,18 @@ with gr.Blocks() as app:
     gr.Markdown("# Sathkrutha LIMS - Patient Management and Billing App")
 
     with gr.Tab("Patient Registration"):
-        name = gr.Textbox(label="Name")
-        father_name = gr.Textbox(label="Father/Husband Name")
-        age = gr.Number(label="Age")
-        phone = gr.Textbox(label="Phone Number")
-        address = gr.Textbox(label="Address")
-        pincode = gr.Textbox(label="Pincode")
+        with gr.Row():
+            name = gr.Textbox(label="Patient Name", placeholder="Enter patient name", max_chars=50, elem_id="name_field", lines=1)
+            father_name = gr.Textbox(label="Father/Husband Name", placeholder="Enter father or husband name", max_chars=50, elem_id="father_name_field", lines=1)
+        with gr.Row():
+            age = gr.Number(label="Age", value=None, minimum=0, maximum=99, elem_id="age_field", precision=0)
+            phone = gr.Number(label="Phone Number", value=None, elem_id="phone_field", precision=0)
+        with gr.Row():
+            address = gr.Textbox(label="Address", placeholder="Enter address", lines=2)
+            pincode = gr.Number(label="Pincode", value=None, elem_id="pincode_field", precision=0)
         register_button = gr.Button("Register Patient")
         registration_output = gr.Textbox(label="Registration Output")
+
         register_button.click(registration_interface, [name, father_name, age, phone, address, pincode], registration_output)
 
     with gr.Tab("Tests"):
@@ -76,4 +80,23 @@ with gr.Blocks() as app:
         billing_output = gr.Textbox(label="Billing Information")
         fetch_button.click(billing_interface, [patient_id_bill], billing_output)
 
+# Custom CSS to adjust field sizes
+app.css = """
+#name_field, #father_name_field {
+    max-width: 200px;
+}
+
+#age_field {
+    max-width: 80px;
+}
+
+#phone_field {
+    max-width: 150px;
+}
+
+#pincode_field {
+    max-width: 100px;
+}
+"""
+
 app.launch()