From be8f728de4c21ef42984f67ff335b1a7f7aeef0b Mon Sep 17 00:00:00 2001
From: "Evgeny @ SimpleX Chat"
 <259188159+evgeny-simplex@users.noreply.github.com>
Date: Tue, 2 Jun 2026 18:29:34 +0000
Subject: [PATCH] buttons

---
 website/src/js/channel-preview.jsc | 91 ++++++------------------------
 1 file changed, 17 insertions(+), 74 deletions(-)

diff --git a/website/src/js/channel-preview.jsc b/website/src/js/channel-preview.jsc
index c42baf5c33..7f4a54c9df 100644
--- a/website/src/js/channel-preview.jsc
+++ b/website/src/js/channel-preview.jsc
@@ -589,42 +589,11 @@ const STYLE = `
   color: #333;
 }
 
-.simplex-preview-step-card {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  padding: 16px;
-  width: 100%;
-  min-height: 131px;
-  border-radius: 30px;
-  border: 1px solid rgba(168, 176, 180, 0.6);
-  margin-bottom: 24px;
-  position: relative;
-}
-
-.simplex-preview-step-number {
-  position: absolute;
-  background: #0197FF;
-  height: 44px;
-  width: 44px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  top: 0;
-  left: 0;
-  transform: translate(-30%, -30%);
-  font-size: 16px;
-  color: #fff;
-  font-weight: 700;
-  line-height: 36px;
-}
-
 .simplex-preview-step-title {
-  font-size: 20px;
+  font-size: 16px;
   font-weight: 500;
-  margin: 0 0 16px;
+  text-align: center;
+  margin: 0 0 8px;
   color: #000;
 }
 
@@ -643,6 +612,7 @@ const STYLE = `
   cursor: pointer;
   text-decoration: none;
   font-family: inherit;
+  margin-top: 16px;
 }
 
 .simplex-preview-open-btn:hover {
@@ -990,19 +960,13 @@ function renderDesktopConversion(container, channelLink, showAppBadges) {
 }
 
 function renderMobileConversion(container, channelLink, showAppBadges) {
+  container.style.textAlign = 'center';
+
   if (showAppBadges) {
-    const card1 = document.createElement('div');
-    card1.className = 'simplex-preview-step-card';
-
-    const num1 = document.createElement('div');
-    num1.className = 'simplex-preview-step-number';
-    num1.textContent = '1';
-    card1.appendChild(num1);
-
-    const title1 = document.createElement('p');
-    title1.className = 'simplex-preview-step-title';
-    title1.textContent = 'Install SimpleX app';
-    card1.appendChild(title1);
+    const title = document.createElement('p');
+    title.className = 'simplex-preview-step-title';
+    title.textContent = 'Install SimpleX app';
+    container.appendChild(title);
 
     const badges = document.createElement('div');
     badges.className = 'simplex-preview-badges';
@@ -1021,35 +985,14 @@ function renderMobileConversion(container, channelLink, showAppBadges) {
         '<a href="https://apps.apple.com/us/app/simplex-chat/id1605771084" target="_blank"><img src="https://simplex.chat/img/new/apple_store.svg" alt="App Store"></a>' +
         '<a href="https://play.google.com/store/apps/details?id=chat.simplex.app" target="_blank"><img src="https://simplex.chat/img/new/google_play.svg" alt="Google Play"></a>';
     }
-    card1.appendChild(badges);
-    container.appendChild(card1);
-
-    const card2 = document.createElement('div');
-    card2.className = 'simplex-preview-step-card';
-
-    const num2 = document.createElement('div');
-    num2.className = 'simplex-preview-step-number';
-    num2.textContent = '2';
-    card2.appendChild(num2);
-
-    const title2 = document.createElement('p');
-    title2.className = 'simplex-preview-step-title';
-    title2.textContent = 'Connect in app';
-    card2.appendChild(title2);
-
-    const openBtn = document.createElement('a');
-    openBtn.className = 'simplex-preview-open-btn';
-    openBtn.textContent = 'Open SimpleX app';
-    openBtn.href = channelLink;
-    card2.appendChild(openBtn);
-    container.appendChild(card2);
-  } else {
-    const openBtn = document.createElement('a');
-    openBtn.className = 'simplex-preview-open-btn';
-    openBtn.textContent = 'Open SimpleX app';
-    openBtn.href = channelLink;
-    container.appendChild(openBtn);
+    container.appendChild(badges);
   }
+
+  const openBtn = document.createElement('a');
+  openBtn.className = 'simplex-preview-open-btn';
+  openBtn.textContent = 'Join in SimpleX app';
+  openBtn.href = channelLink;
+  container.appendChild(openBtn);
 }
 
 function setupExpandCollapse(section, readMore) {