fix: Add spacing for footer and set donate footer to not be absolute

templates/city_donate_footer.html

@@ -43,7 +43,7 @@
     <div style="background: #f1ffff;border-radius: 10px;padding: 25px;padding-top: 2%;padding-left: 2%;padding-right: 2%;padding-bottom: 2%;margin: 22px;">
         <p style="font-size: 24px;">{{data|safe}}</p>
     </div>
-    <div id="addresses" style="position: absolute;bottom: 100px;width: 100%;text-align: center;">
+    <div id="addresses" style="width: 100%;text-align: center;">
         <p style="font-size: 20px;margin-bottom: 0px;">
             <a style="text-decoration: none;color: #f1ffff;" href="/.well-known/wallets/HNS" target="_blank">
                 <img src='{{hns_icon_invert}}' width='20px' height='20px' style='margin-right: 5px;'>
@@ -56,6 +56,7 @@
             </a>
         </p>
     </div>
+    <div style="height: 25px;"></div>
     
     
     {{footer | safe}}

templates/city_no_card_donate_footer.html

@@ -47,8 +47,7 @@ These colours will be overriden with the user's colour scheme
             {{data|safe}} <!-- This needs the safe filter to allow HTML to be rendered -->
         </p>
     </div>
-
-    <div id="addresses" style="position: absolute;bottom: 100px;width: 100%;text-align: center;">
+    <div id="addresses" style="width: 100%;text-align: center;">
         <p style="font-size: 20px;margin-bottom: 0px;">
             <a style="text-decoration: none;color: #f1ffff;" href="/.well-known/wallets/HNS" target="_blank">
                 <img src='{{hns_icon_invert}}' width='20px' height='20px' style='margin-right: 5px;'>
@@ -61,6 +60,7 @@ These colours will be overriden with the user's colour scheme
             </a>
         </p>
     </div>
+    <div style="height: 25px;"></div>
     <!-- Footer to display the powered by ShakeCities. -->
     {{footer|safe}}
     <script src="assets/bootstrap/js/bootstrap.min.js"></script>