fix(style): fix gaps and pop up screen ui

public/site-links-client.js

@@ -56,6 +56,7 @@
   const BTN =
     'cursor:pointer;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:600;border:1px solid #ccc;background:#f5f5f5;color:#1a1a1a;';
   const BTN_PRIMARY = 'border-color:#1a6cff;background:#1a6cff;color:#fff;';
+  const BTN_ORANGE = 'cursor:pointer;border-radius:14px;padding:10px 14px;font-size:14px;font-weight:600;border:1px solid #f28a4b;background:#f28a4b;color:#fff;';
 
   function initInAppBrowserModal() {
     if (document.getElementById('inapp-browser-modal')) return;
@@ -185,8 +186,7 @@
       MODAL_ACTIONS +
       '">' +
       '<button type="button" data-app-soon-close style="' +
-      BTN +
-      BTN_PRIMARY +
+      BTN_ORANGE +
       '"></button>' +
       '</div></div>';
     document.body.appendChild(wrap);

src/styles/download.css

@@ -28,7 +28,7 @@
     align-items: center;
     width: 100%;
     max-width: 1280px;
-    gap: 32px;
+    gap: 0px;
     margin: 0 auto;
     padding: 60px 16px;
 }
@@ -60,7 +60,7 @@
     flex-wrap: nowrap;
     align-items: center;
     flex-shrink: 0;
-    gap: 20px;
+    gap: 16px;
     max-width: 100%;
 }
 
@@ -301,7 +301,7 @@ a.store-badge {
 
     .download-cta__inner {
         flex-direction: row;
-        gap: 0;
+        gap: 16px;
         padding: 0 24px;
     }
 

src/styles/why.css

@@ -264,10 +264,6 @@
         letter-spacing: var(--ls-42);
     }
 
-    .why__grid {
-        grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-
     .why-card {
         padding: 36px;
         min-height: 152px;
@@ -287,6 +283,10 @@
         padding-right: 36px;
     }
 
+    .why__grid {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
     .why__intro {
         flex-direction: row;
     }