Layout

LAyout 365

app.py

@@ -14,22 +14,31 @@ logging.basicConfig(level=logging.INFO)
 st.markdown(
     """
     <style>
-    /* ===== Full-width top banner ===== */
-    .full-width-banner {
-        width: 100vw;
-        position: relative;
-        left: -50vw;
-        right: -50vw;
-        margin-left: 50%;
-        margin-right: 50%;
-        background-color: #0071BC; /* UN Blue */
-        padding: 15px 0;
-        text-align: center;
-        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
-        z-index: 1000;
-    }
+        .full-width-banner {
+            width: 100vw;
+            position: relative;
+            left: -50vw;
+            right: -50vw;
+            margin-left: 50%;
+            margin-right: 50%;
+            background-color: #0071BC; /* UN Blue */
+            padding: 15px 0;
+            text-align: center;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+            z-index: 1000;
+        }
+    </style>
+    <div class="full-width-banner">
+        <h1 style="color:white; margin:0;">Montreal AI Decisions (MVP)</h1>
+    </div>
+    """,
+    unsafe_allow_html=True
+)
 
-    /* ===== Prevent overflow in Streamlit expanders ===== */
+st.markdown(
+    """
+    <style>
+    /* Fix overflow in Streamlit expanders */
     .streamlit-expanderContent {
         max-width: 700px;
         word-wrap: break-word;
@@ -37,29 +46,28 @@ st.markdown(
         white-space: pre-wrap;
     }
 
-    /* ===== Increase font size of input/select labels ===== */
+    /* Increase font size of labels for inputs and selects */
     label[data-baseweb="label"] {
         font-size: 20px !important;
         font-weight: 600;
         color: #000000;
     }
 
-    /* ===== Optional: Adjust font size inside select dropdowns ===== */
+    /* Optional: Font size inside selectbox inputs */
     div[role="combobox"] > div > div > div {
         font-size: 18px !important;
     }
 
-    /* ===== Optional: Adjust placeholder font size for text inputs ===== */
+    /* Optional: Font size of text input placeholder */
     input[type="text"]::placeholder {
         font-size: 18px !important;
     }
     </style>
     """,
-    unsafe_allow_html=True,
+    unsafe_allow_html=True
 )
 
 
-
 # Add vertical spacing between banner and help text
 st.markdown("<div style='margin-top: 40px;'></div>", unsafe_allow_html=True)