Update app.py

app.py

@@ -315,21 +315,35 @@ def apply_edge_enhancement(image, strength):
 
 
 css = """
-h1, h2, h3, h4, h5, h6, p, li, ul, ol, a, .centered-image {
-    text-align: center;
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
+h1, h2, h3, h4, h5, h6, p, li, ul, ol, a {
+    text-align: left;
 }
-ul, ol {
+.centered-image {
+    display: block;
     margin-left: auto;
     margin-right: auto;
-    display: table;
-}
-.centered-image {
     max-width: 100%;
     height: auto;
 }
+
+
+.login-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    height: 100%;
+}
+
+.welcome-tab {
+    display: flex;
+    height: 100vh;
+}
+
+.welcome-content {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
 """
 
 def login(username, password):
@@ -343,20 +357,19 @@ with gr.Blocks(theme='Hev832/Applio', css=css, fill_width=True, fill_height=True
     generated_images = gr.State([])
 
     with gr.Tab("Welcome"):
-        with gr.Row():
-            with gr.Column(scale=2):  
+        with gr.Row(elem_classes="welcome-tab"):
+            with gr.Column(scale=2, elem_classes="welcome-content"):  
                 gr.Markdown(
                     """
-                    <img src="https://cdn-uploads.huggingface.co/production/uploads/64740cf7485a7c8e1bd51ac9/29sj9LyPQItG5uBOO2x3r.webp" alt="UGD Logo" width="250" style="max-width: 100%; height: auto;" class="centered-image">
+                    <img src="https://cdn-uploads.huggingface.co/production/uploads/64740cf7485a7c8e1bd51ac9/29sj9LyPQItG5uBOO2x3r.webp" alt="UGD Logo" width="250" class="centered-image">
 
-                    # 🎨 Underground Digital's QR Code Art Generator
+                    # Underground Digital's QR Code Art Generator
                 
                     ## Transform Your QR Codes into Brand Masterpieces
                     
-                    This cutting-edge tool empowers our creative team to craft visually stunning,<br> 
+                    This cutting-edge tool empowers our creative team to craft visually stunning,
                     on-brand QR codes that perfectly blend functionality with artistic expression.
-
-                    ## 🚀 How It Works:
+                    ## How It Works:
                     
                     1. **Enter Your QR Code Content**: Start by inputting the URL or text for your QR code.
                     2. **Craft Your Prompt**: Describe the artistic style or theme you envision for your QR code.
@@ -364,12 +377,11 @@ with gr.Blocks(theme='Hev832/Applio', css=css, fill_width=True, fill_height=True
                     4. **Generate and Iterate**: Click 'Run' to create your art, then refine as needed.
                     """
                 )
-            
-            with gr.Column(scale=1):  
+            with gr.Column(scale=1, elem_classes="login-container"):  
                 with gr.Row():  
                     gr.Markdown(
                         """
-                        Login below using the internal<br>
+                        Login below using the Yamamoto internal<br>
                         username and password to access the full app.<br>
                         
                         Once logged in, a new tab will appear named<br>