[tor-commits] [community/develop] Improve Tools image sizes and placement

[pili at torproject.org]

commit 0c75dd16a98bf4e3e9e1605b84756282b7973deb
Author: Pili Guerra <pili at piliguerra.com>
Date:   Wed Mar 25 17:27:21 2020 +0000

    Improve Tools image sizes and placement
---
 databags/onion-tools.ini      | 2 +-
 templates/onion-services.html | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/databags/onion-tools.ini b/databags/onion-tools.ini
index 6e001bf..d37dc3b 100644
--- a/databags/onion-tools.ini
+++ b/databags/onion-tools.ini
@@ -12,6 +12,6 @@ active = True
 
 [globaleaks]
 link = https://www.globaleaks.org/
-image =/static/images/onions/svg/globaleaks.png
+image =/static/images/onions/png/globaleaks.png
 label= GlobaLeaks 
 active = True
diff --git a/templates/onion-services.html b/templates/onion-services.html
index d726742..2362213 100644
--- a/templates/onion-services.html
+++ b/templates/onion-services.html
@@ -54,14 +54,14 @@
   <div class="row py-5 text-center mx-auto">
     <h2 class="display-4 text-primary text-center mx-auto">{{ _('Tools') }}</h2>
   </div>
-  <div class="row mx-auto">
+  <div class="row mx-auto d-flex flex-wrap align-items-center">
     {% for id, item in bag('onion-tools').items() %}
     {% if item.active == "True" %}
       <div class="col-4">
         <div class="card h-50 border-0">
-          <a href="{{ item.link }}"><img class="card-img-top h-200 w-25 mx-auto d-block" src="{{ item.image|asseturl }}"></a>
+          <a href="{{ item.link }}"><img class="card-img-top h-100 w-50 mx-auto d-block" src="{{ item.image|asseturl }}"></a>
           <div class="card-body">
-          <p class="card-text text-primary text-center"><a href="{{ item.link }}">{{ item.label }}</a></p>
+            <p class="card-text text-primary text-center"><a href="{{ item.link }}">{{ item.label }}</a></p>
           </div>
         </div>
       </div>