From 18aacfcb9401a0a45cc6538cb1175b2a5147c003 Mon Sep 17 00:00:00 2001
From: nitrohorse <1514352+nitrohorse@users.noreply.github.com>
Date: Fri, 24 Apr 2020 18:19:39 -0700
Subject: [PATCH] Update cardv2 for mobile layouts (#1849)

---
 _includes/cardv2.html | 6 +++---
 assets/css/style.scss | 6 ++++++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/_includes/cardv2.html b/_includes/cardv2.html
index 3f28be5b..1a6c1e37 100644
--- a/_includes/cardv2.html
+++ b/_includes/cardv2.html
@@ -61,7 +61,7 @@
       {% endif %}
     </p>
     <div class="d-flex justify-content-between flex-column flex-md-row align-items-start align-items-md-center">
-      <div class="d-flex flex-shrink-0 mr-1">
+      <div class="flow-root flex-shrink-0 mr-1">
         <a
           href="{{include.website}}"
           rel="noopener"
@@ -82,7 +82,7 @@
           <a
             href="{{include.tor}}"
             rel="noopener"
-            class="hover-text-decoration-none mt-1 mr-1"
+            class="btn icon-btn hover-text-decoration-none mt-1 mr-1"
             data-toggle="tooltip"
             data-placement="bottom"
             data-original-title="Requires specific software to access: torproject.org">
@@ -93,7 +93,7 @@
           <a
             href="{{include.i2p}}"
             rel="noopener"
-            class="hover-text-decoration-none mt-1 mr-1"
+            class="btn icon-btn hover-text-decoration-none mt-1 mr-1"
             data-toggle="tooltip"
             data-placement="bottom"
             data-original-title="Requires specific software to access: geti2p.net">
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 5b1a2a2d..1693f0af 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -219,7 +219,13 @@ h2, h3:not(.h5), h4, h5 {
   background: darken($tor, 5%);
 }
 
+.icon-btn {
+  padding: 0px;
+}
 
+.flow-root {
+  display: flow-root;
+}
 
 /*
  * Bootstrap 4.2+ features