Update app.py

Updating the layout of the User Interface tab.

app.py

@@ -11,14 +11,14 @@ def show_stars():
         .title-text {
         color: white;
         font-family: sans-serif;
-        font-size: 1rem;
+        font-size: 14px;
         font-weight: bold;
         }
 
         /* Empty stars */
         .star-rating {
             display: inline-block;
-            font-size: 2em;
+            font-size: 1.5em;
             color: lightgray;
         }
 
@@ -33,7 +33,7 @@ def show_stars():
             background-color: #1f2937;
             padding: 10px;
             border-radius: 5px;
-            width: fit-content;
+            width: 100%;
             margin-left: 0;
         }
 
@@ -42,7 +42,7 @@ def show_stars():
             border: 1px transparent;
             background-color: #ca8a04;
             padding: 3px;
-            border-radius: 5px;
+            border-radius: 8px;
             display: inline-block;
             margin-bottom: 6px;
         }
@@ -104,14 +104,17 @@ with gr.Blocks(theme=theme) as demo:
 
     # Basic user interface for company's view -Janika
     with gr.Tab("User Interface"):
-        # Summary
-        summary_output = gr.Textbox(label="Summary")
+        with gr.Row():
+            with gr.Column(scale=1, min_width=300):
+                # Summary
+                summary_output = gr.Textbox(label="Summary")
 
-        # Star rating
-        star_rating = gr.HTML(value=show_stars())
+            with gr.Column(scale=2, min_width=300):
+                # Star rating
+                star_rating = gr.HTML(value=show_stars())
 
-        # Keywords
-        keywords_output = gr.Textbox(label="Keywords")
+                # Keywords
+                keywords_output = gr.Textbox(label="Keywords")
 
     # Testing Area, for Piitu -Janika
     with gr.Tab("Testing Area"):