From dc8589e7bee94f42a5885b6362eb1f65b17b87f1 Mon Sep 17 00:00:00 2001
From: Stephanie Hobson <sjhobson@gmail.com>
Date: Mon, 22 Jul 2024 16:29:01 -0700
Subject: [PATCH] spacing around download steps

---
 bedrock/firefox/templates/firefox/all/download.html | 4 ++--
 bedrock/firefox/templates/firefox/all/mobile.html   | 2 +-
 media/css/firefox/all.scss                          | 4 ++++
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/bedrock/firefox/templates/firefox/all/download.html b/bedrock/firefox/templates/firefox/all/download.html
index 97fd5f5ca1e..5b2a6350a36 100644
--- a/bedrock/firefox/templates/firefox/all/download.html
+++ b/bedrock/firefox/templates/firefox/all/download.html
@@ -28,13 +28,13 @@ <h2 class="c-step-name{% if not (product and platform and locale) %} t-step-disa
   {% endif %}
   {% if product.slug.startswith("desktop") %}
     {% if platform.startswith("win-store") %}
-      <p><br>
+      <p class="c-step-download">
         {% set ms_store_product = 'firefox_beta' if product.slug.endswith('beta') else 'firefox' %}
         {% set ms_store_href = ms_store_url(product=ms_store_product, campaign='firefox-all') %}
         {{ ms_store_button(href=ms_store_href, id='msStoreLink') }}
       </p>
     {% else %}
-    <p><br>
+    <p class="c-step-download">
       <a href="{{ download_url }}" id="download-button-primary" class="mzp-c-button mzp-t-product mzp-t-xl c-download-button" data-link-type="download" data-download-location="primary cta">
         {{ ftl('download-button-download-now') }} {{ icon_download|safe }}
       </a>
diff --git a/bedrock/firefox/templates/firefox/all/mobile.html b/bedrock/firefox/templates/firefox/all/mobile.html
index c90de74b811..996548b4034 100644
--- a/bedrock/firefox/templates/firefox/all/mobile.html
+++ b/bedrock/firefox/templates/firefox/all/mobile.html
@@ -22,7 +22,7 @@
 <div class="c-mobile">
 
   {% if product.slug.startswith("ios-beta") %}
-    <p><br>
+    <p class="c-step-download">
       <a href="{{ url('firefox.ios.testflight') }}">{{ ftl('firefox-all-testflight') }}</a>
     </p>
   {% else %}
diff --git a/media/css/firefox/all.scss b/media/css/firefox/all.scss
index eb6ed338214..4fa35586be6 100644
--- a/media/css/firefox/all.scss
+++ b/media/css/firefox/all.scss
@@ -100,6 +100,10 @@ $image-path: '/media/protocol/img';
     display: none;
 }
 
+.c-step-download {
+    margin-top: $layout-md;
+}
+
 .c-product-list {
     padding-left: 36px; // to match the desktop & mobile icons