From 115d983ed8aa2248e79962279a0fa706389119e6 Mon Sep 17 00:00:00 2001
From: Ritesh <riteshpandit1708@gmail.com>
Date: Sat, 24 Jan 2026 04:19:36 +0530
Subject: [PATCH] Fix uniform alignment for app cards

---
 js/download-app.mjs | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/js/download-app.mjs b/js/download-app.mjs
index 0805f10..6b19a4e 100644
--- a/js/download-app.mjs
+++ b/js/download-app.mjs
@@ -107,26 +107,36 @@ export class DownloadApp extends HTMLElement {
             padding: 20px;
             margin-block-start: 70px;
             display: flex;
-            justify-content: space-around;
-            align-items: center;
-            gap: 25px;
+            justify-content: center;
+            align-items: flex-start;
+            gap: 20px;
             max-inline-size: 600px;
             margin-inline: auto;
         }
+
+        .main > div:nth-child(2) {
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+        }
   
         .main h1 {
             color: var(--md-sys-color-primary);
             word-break: break-word;
+            margin: 0;
         }
   
         .main img {
             background-color: var(--md-sys-color-on-tertiary-container);
             padding: 10px;
             border-radius: 20px;
+            flex-shrink: 0;
         }
   
         md-filled-tonal-icon-button {
             aspect-ratio: 1/1;
+            align-self: flex-start;
         }
   
         md-filled-button {