From 6d02e9aef22e56bc816b58850dc93f90cc8ddab9 Mon Sep 17 00:00:00 2001
From: Adam Iannazzone <46025473+jiannazzone@users.noreply.github.com>
Date: Fri, 19 Apr 2024 13:08:43 -0400
Subject: [PATCH] Update Flathub button

---
 index.html | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 9ca2aba..6d98d35 100644
--- a/index.html
+++ b/index.html
@@ -106,7 +106,7 @@
 
         <!-- <div class="row">
             <div class="col" id="big-logo">
-                <img class="img-fluid p-4" src="assets/logos/rd-esde-logo.svg">
+                <img class="img-fluid p-4" src="assets/logos/logo_unstacked.svg">
             </div>
         </div> -->
 
@@ -130,12 +130,17 @@
                         </p>
                     </div>
                     <div class="col-md-4 text-center">
-                        <a type="button" id="flathub-button" class="align-center btn btn-dark btn-lg" target="_blank"
+                        <a class="btn btn-link btn-lg align-center" target="_blank"
                             rel="noopener noreferrer" href="https://flathub.org/apps/details/net.retrodeck.retrodeck">
-                            <i class="bi"><img class="img-fluid" alt='Download on Flathub'
-                                    src='assets/logos/flathub.svg' /></i>
-                            <div>Get it on</div>
-                            <div>Flathub</div>
+                            <!-- <div class="row align-items-center">
+                                <div class="col-4">
+                                    <img class="img-fluid" alt='Download on Flathub' src='assets/logos/flathub.svg' />
+                                </div>
+                                <div class="col-8">
+                                    Get it on Flathub
+                                </div>
+                            </div> -->
+                            <img type="button" class="img-fluid" alt='Download on Flathub' src='https://flathub.org/api/badge?locale=en'/>
                         </a>
 
                     </div>