Claude/improve windows download button dv2s n

content/quickstart.py

@@ -26,72 +26,70 @@ def render_windows_download_box(app_bytes: bytes) -> None:
 
     st.markdown(
         """
-        <h4 style="color: #6c757d; margin-bottom: 1.5rem; font-size: 1.3rem; font-weight: 600; text-align: center;">
+        <h4 style="color: #6c757d; margin-bottom: 1rem; font-size: 1.3rem; font-weight: 600; text-align: center;">
             Want to run free and open DDA analysis offline?
         </h4>
         """,
         unsafe_allow_html=True,
     )
 
-    spacer1, center_col, spacer2 = st.columns([2, 4, 2])
-    with center_col:
-        with st.container(key=container_key):
-            st.markdown(
-                """
-                <h4 style="color: #6c757d; margin-bottom: 0.75rem; font-size: 1.1rem; font-weight: 600;">
-                    OpenDDA for Windows
-                </h4>
-                <p style="color: #6c757d; margin-bottom: 1rem;">
-                    OpenDDA is best enjoyed online but you can download an offline version for Windows systems below.
-                </p>
-                """,
-                unsafe_allow_html=True,
-            )
+    with st.container(key=container_key):
+        st.markdown(
+            """
+            <h4 style="color: #6c757d; margin-bottom: 0.75rem; font-size: 1.1rem; font-weight: 600;">
+                OpenDDA for Windows
+            </h4>
+            <p style="color: #6c757d; margin-bottom: 1rem;">
+                You can download an offline version for Windows systems below.
+            </p>
+            """,
+            unsafe_allow_html=True,
+        )
 
-            cols = st.columns([1, 2, 1])
-            with cols[1]:
-                st.download_button(
-                    label="📥 Download for Windows",
-                    data=app_bytes,
-                    file_name="OpenMS-App.zip",
-                    mime="application/zip",
-                    type="secondary",
-                    use_container_width=True,
-                    help="Download OpenDDA for Windows systems",
-                )
-
-            st.markdown(
-                """
-                <div style="text-align: center; margin-top: 1rem; color: #6c757d;">
-                    Extract the zip file and run the installer (.msi) to install the app.
-                    Launch using the desktop icon after installation.<br>
-                    Even offline, it's still a web app - just packaged so you can use it without an internet connection.
-                </div>
-                """,
-                unsafe_allow_html=True,
+        cols = st.columns([2, 3, 2])
+        with cols[1]:
+            st.download_button(
+                label="📥 Download for Windows",
+                data=app_bytes,
+                file_name="OpenMS-App.zip",
+                mime="application/zip",
+                type="secondary",
+                use_container_width=True,
+                help="Download OpenDDA for Windows systems",
             )
 
         st.markdown(
-            f"""
-            <style>
-            .st-key-{container_key} {{
-                background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f4 100%) !important;
-                border: 1px solid #e0e0e0 !important;
-                border-radius: 8px !important;
-                padding: 1.5rem !important;
-                margin: 1rem 0 !important;
-                text-align: center !important;
-                box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
-            }}
-
-            .st-key-{container_key} > div {{
-                background: transparent !important;
-            }}
-            </style>
+            """
+            <div style="text-align: center; margin-top: 1rem; color: #6c757d;">
+                Extract the zip file and run the installer (.msi) to install the app.
+                Launch using the desktop icon after installation.<br>
+                Even offline, it's still a web app - just packaged so you can use it without an internet connection.
+            </div>
             """,
             unsafe_allow_html=True,
         )
 
+    st.markdown(
+        f"""
+        <style>
+        .st-key-{container_key} {{
+            background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f4 100%) !important;
+            border: 1px solid #e0e0e0 !important;
+            border-radius: 8px !important;
+            padding: 1.5rem !important;
+            margin: 1rem 0 !important;
+            text-align: center !important;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
+        }}
+
+        .st-key-{container_key} > div {{
+            background: transparent !important;
+        }}
+        </style>
+        """,
+        unsafe_allow_html=True,
+    )
+
 
 page_setup(page="main")