improving some inapp fanciness

media/css/mkt/in-app-payments.less

@@ -36,10 +36,14 @@ section {
     position: relative;
     header {
         .box-shadow(0 2px 2px fadeOut(#000, 50%));
+        background-image: url(../../img/mkt/logos/32.png),
+                          url(../../img/mkt/grain.png);
+        background-position: 8px center, top left;
+        background-repeat: no-repeat, repeat;
         background-color: #404f5a;
-        .grain;
         color: @white;
         padding: 10px;
+        padding-left: 48px;
     }
     & > div {
         padding: 10px 1em;

mkt/inapp_pay/templates/inapp_pay/error.html

@@ -1,18 +1,22 @@
 {% extends "inapp_pay/base.html" %}
 
 {% block screen_content %}
-<h2>{{ loc('Mozilla Payments') }}</h2>
-<h3>{{ loc('Payment Error') }}
-{% if exc_class %}
-    : {{ exc_class }}
-{% endif %}
-</h3>
-{% if exc_message %}
-  <p>{{ exc_message }}</p>
-{% else %}
-  <p>{{ loc('There was an error processing your payment. Please try again or contact the app if it persists.') }}</p>
-{% endif %}
-<p>
-  <button id="close-moz-error-win">{{ loc('Close window') }}</button>
-</p>
+<header>
+  {{ _('Marketplace') }}
+</header>
+<div>
+    <h3>{{ loc('Payment Error') }}
+    {% if exc_class %}
+        : {{ exc_class }}
+    {% endif %}
+    </h3>
+    {% if exc_message %}
+      <p>{{ exc_message }}</p>
+    {% else %}
+      <p>{{ loc('There was an error processing your payment. Please try again or contact the app if it persists.') }}</p>
+    {% endif %}
+</div>
+<footer>
+  <a class="button close">{{ loc('Close window') }}</a>
+</footer>
 {% endblock %}