Update app.py

app.py

@@ -71,9 +71,13 @@ app.layout = dbc.Container([
                 },
                 multiple=False
             ),
+        ], width=12),
+    ]),
+    dbc.Row([
+        dbc.Col([
             dbc.Button("Upscale Image", id="upscale-button", color="primary", className="mt-3"),
             html.Div(id='upscaling-status', className="mt-3"),
-        ], md=12, lg=6),
+        ], width=12, className="text-center"),
     ]),
     dbc.Row([
         dbc.Col([
@@ -82,8 +86,8 @@ app.layout = dbc.Container([
         ], md=12, lg=6),
         dbc.Col([
             html.H4("Upscaled Image", className="mt-4"),
+            dbc.Button("Download Upscaled Image", id="download-button", color="success", className="mb-3", disabled=True),
             dbc.Card(id='output-upscaled-image', body=True),
-            dbc.Button("Download Upscaled Image", id="download-button", color="success", className="mt-3", disabled=True),
             dcc.Download(id="download-image")
         ], md=12, lg=6),
     ]),
@@ -114,8 +118,9 @@ def upscale_image_callback(n_clicks, contents):
         return "Please upload an image first.", None, True
     
     status_div = html.Div([
-        html.P("Upscaling image... ", style={'display': 'inline'}),
-        html.Div(className="pulsing-dot")
+        dbc.Spinner(size="sm", color="primary", type="grow"),
+        html.Span(" Upscaling image... ", style={'marginLeft': '10px'}),
+        html.Div(className="pulsing-dot d-inline-block")
     ])
     
     def upscale_thread():