diff --git a/website/src/js/channel-preview.jsc b/website/src/js/channel-preview.jsc index 7f4a54c9df..a45ce88473 100644 --- a/website/src/js/channel-preview.jsc +++ b/website/src/js/channel-preview.jsc @@ -502,6 +502,10 @@ const STYLE = ` .simplex-preview-conversion { margin-top: 20px; + display: flex; + flex-direction: column; + align-items: center; + gap: 16px; } .simplex-preview-qr-container { @@ -527,7 +531,7 @@ const STYLE = ` justify-content: center; gap: 8px; flex-wrap: wrap; - margin: 16px 0 0; + margin: 0; } .simplex-preview-badges a { @@ -593,7 +597,7 @@ const STYLE = ` font-size: 16px; font-weight: 500; text-align: center; - margin: 0 0 8px; + margin: 0; color: #000; } @@ -612,7 +616,7 @@ const STYLE = ` cursor: pointer; text-decoration: none; font-family: inherit; - margin-top: 16px; + margin: 0; } .simplex-preview-open-btn:hover { @@ -960,8 +964,6 @@ function renderDesktopConversion(container, channelLink, showAppBadges) { } function renderMobileConversion(container, channelLink, showAppBadges) { - container.style.textAlign = 'center'; - if (showAppBadges) { const title = document.createElement('p'); title.className = 'simplex-preview-step-title';