[tor-commits] [bridgedb] 41/66: Fix CSS on cards

[gitolite role]

This is an automated email from the git hooks/post-receive script.

meskio pushed a commit to branch main
in repository bridgedb.

commit 8c04dbc3c45bea414d407515e2f43225c010ec4d
Author: kez <kez at torproject.org>
AuthorDate: Thu Jun 9 17:25:56 2022 -0700

    Fix CSS on cards
---
 frontend/templates/home.html | 29 ++++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/frontend/templates/home.html b/frontend/templates/home.html
index 15b7495..d942c3b 100644
--- a/frontend/templates/home.html
+++ b/frontend/templates/home.html
@@ -1,22 +1,25 @@
 {% macro render_step(number, text, link, image_name) %}
-<section class="p-20px card">
-  <p class="m-0">{{ _("Step " + number|string) }}</p>
-  <h4 class="card-text">{{ _(text) }}</h4>
-  <picture>
-    <source type="image/svg+xml" srcset="{{ '/static/images/{}.svg'.format(image_name) | asseturl }}">
-    <img src="{{ '/static/images/{}.png'.format(image_name) | asseturl }}">
-  </picture>
-  <img src="">
-  <div class="text-center pt-3">
-    <a class="btn btn-primary w-100" href="{{ link }}">{{ _(text) }}</a>
+<div class="col-lg-4 col-md-6 col-sm-12 py-4">
+  <div class="card h-100 p-2">
+    <div class="card-body">
+      <h2 class="card-title ">{{ _('Step ' + number|string) }}</h2>
+      <p class="card-text">{{ _(text) }}</p>
+      <div class="">
+        <picture>
+          <source type="image/svg+xml" srcset="{{ '/static/images/{}.svg'.format(image_name) | asseturl }}">
+          <img src="{{ '/static/images/{}.png'.format(image_name) | asseturl }}">
+        </picture>
+      </div>
+    </div>
+    <a href="{{ link }}" class="btn btn-primary">{{ _(text) }}</a>
   </div>
-</section>
+</div>
 {% endmacro %}
 
-<div class="container pt-5 d-flex justify-content-around" id="bridgedb-steps-container">
+<section class="container pt-5 d-flex justify-content-around" id="bridgedb-steps-container">
   {{ render_step(1, 'Download Tor Browser', 'https://www.torproject.org/projects/torbrowser.html', 'bridges-download') }}
   {{ render_step(2, 'Get Bridges', '/options'|url, 'bridges-get') }}
   {{ render_step(3, 'Add the Bridges', '/howto'|url, 'bridges-add') }}
-</div>
+</section>
 
 {% include 'support.jinja2' %}

-- 
To stop receiving notification emails like this one, please contact
the administrator of this repository.