fix up some cs

web/static/css/style-small.css

@@ -59,13 +59,13 @@
 
 /* Footer */
 
-	#footer {
-		padding: 4em 0em 4em;
-	}
+	/* #footer {
+		padding: 4em 0em q4em;
+	} */
 
 		#footer .copyright li {
 			border-left: 0;
 			margin-left: 0;
 			padding-left: 0;
 			display: block;
-		}
+		}

web/static/css/style-xsmall.css

@@ -53,5 +53,5 @@
 	input[type="submit"],
 	input[type="reset"],
 	input[type="button"] {
-		padding: 0;
-	}
+		padding: 0 1em 0 1em;
+	}

web/static/css/style.css

@@ -1056,7 +1056,11 @@ New color: fd4e05
 	#footer {
 		background: #202222;
 		color: #888;
-		padding: 2em 0em 4em;
+    position: relative;
+    width: 100%;
+    bottom: 0;
+    /* height: 100px; */
+    margin-top: 1em;
 	}
 
 		#footer h2, #footer h3, #footer h4 {
@@ -1087,7 +1091,7 @@ New color: fd4e05
 
 		#footer .copyright {
 			font-size: 0.9em;
-			margin: 2em 0 0 0;
+			margin: .5em 0 0 0;
 			padding: 0;
 			text-align: center;
 		}
@@ -1106,6 +1110,11 @@ New color: fd4e05
 					padding-left: 0;
 				}
 
+  footer .container {
+    padding-top: .2em;
+    padding-bottom: 1em;
+  }
+
 	ul.pagination {
 		cursor: default;
 		list-style: none;
@@ -1120,6 +1129,7 @@ New color: fd4e05
 
 	p.sale-info {
 		margin: 0 0 .5em 0;
+    overflow-wrap: break-word;
 	}
 
 	.red {
@@ -1137,3 +1147,13 @@ New color: fd4e05
 .network-stats {
 	box-sizing: border-box;
 }
+
+.sale-qrcode {
+  display: block;
+  margin: 0 auto;
+}
+
+html {
+  background-color: #202222;
+  min-height: 100%;
+}

web/templates/sales/get_sale.html

@@ -1,4 +1,5 @@
 {% extends 'base.html' %}
+{% load static %}
 
 {% block content %}
 
@@ -13,7 +14,16 @@
       <p class="sale-info">The seller accepted your bid and the sale process was initiated. Please send funds to the below Monero escrow address (or use the QR code).</p>
       <p class="sale-info"><strong>Expected Payment (XMR)</strong>: {{ sale.expected_payment_xmr }}</p>
       <p class="sale-info"><strong>Escrow Address</strong>: {{ sale.escrow_address }}</p>
-      <img src="data:image/png;base64,{{ qrcode }}" width=300>
+      <img src="data:image/png;base64,{{ qrcode }}" width=200 class="sale-qrcode">
+      <hr>
+      <h2>Need a Wallet?</h2>
+      <p class="sale-info">Try out these popular Monero wallet projects:</p>
+      <ul>
+        <li><a href="https://cakewallet.com/" target="_blank">CakeWallet</a></li>
+        <li><a href="https://www.monerujo.io/" target="_blank">Monerujo</a></li>
+        <li><a href="https://mymonero.com/" target="_blank">MyMonero</a></li>
+      </ul>
+
       {% endif %}
     {% endif %}
     {% if request.user == sale.item.owner %}
@@ -26,6 +36,7 @@
     {% endif %}
     {% if site_meta.debug %}
     <hr>
+    <h2>Debug Info</h2>
     <section>
       <p class="sale-info"><strong>Item</strong>: {{ sale.item }}</p>
       <p class="sale-info"><strong>Payout Address</strong>: {{ sale.item.payout_address }}</p>