Update app.py

app.py

@@ -1,5 +1,8 @@
 import streamlit as st
 
+# Set the page configuration to use the full width of the screen
+st.set_page_config(layout="wide")
+
 # Define the letter types and their corresponding definitions and fields
 letter_types = {
     "Referral Letters": {
@@ -56,8 +59,10 @@ st.write("Fields Usually Needed:")
 for field in letter_types[selected_letter_type]["Fields"]:
     st.button(field)
 
+import streamlit as st
 
 def generate_referral_letters_ui():
+    st.set_page_config(layout="wide")  # Use the full width of the screen
     st.title("🤝 Referral Letters")
 
     # Define the keys for each UI element
@@ -72,8 +77,12 @@ def generate_referral_letters_ui():
         "username": "username"
     }
 
+    # Create columns for layout
+    col1, col2 = st.beta_columns([3, 1])  # Adjust the ratio of column widths
+
     # Search-style text box
-    search_query = st.text_input("Search Referral Letters", key=keys["search_query"])
+    with col1:
+        search_query = st.text_input("Search Referral Letters", key=keys["search_query"])
 
     # Buttons with emojis and boldface text
     st.button("📝 **First**", key=keys["first_button"])
@@ -88,12 +97,18 @@ def generate_referral_letters_ui():
     last_default = "Patient demographics, Referral details\n" \
                    "Diagnostic test reports, Medication details"
 
-    first_text = st.text_area("First: State the request for consultation/treatment", value=first_default, max_chars=None, height=None, key=keys["first_text"])
-    middle_text = st.text_area("Middle: Explain the reason for referral", value=middle_default, max_chars=None, height=None, key=keys["middle_text"])
-    last_text = st.text_area("Last: Provide patient info needed for the referred service", value=last_default, max_chars=None, height=None, key=keys["last_text"])
+    with col1:
+        first_text = st.text_area("First: State the request for consultation/treatment", value=first_default, max_chars=None, height=None, key=keys["first_text"])
+        middle_text = st.text_area("Middle: Explain the reason for referral", value=middle_default, max_chars=None, height=None, key=keys["middle_text"])
+        last_text = st.text_area("Last: Provide patient info needed for the referred service", value=last_default, max_chars=None, height=None, key=keys["last_text"])
 
     # Username field with an emoji
-    username = st.text_input("👤 Username", key=keys["username"])
+    with col1:
+        username = st.text_input("👤 Username", key=keys["username"])
+
+# Run the Streamlit UI function
+# generate_referral_letters_ui()
+
 
 
 def generate_medical_certificate_letters_ui():