better on mobile.

modified:   make_post_sell/static/css/common.css
	modified:   make_post_sell/templates/sales.j2
	modified:   make_post_sell/templates/sales_details.j2

make_post_sell/static/css/common.css

@@ -523,7 +523,8 @@ section.checkout-right {
 }
 
 .StripeElement {
-    width: 100%;
+    width: 90%;
+    margin: auto;
     border-color: #bbbbbb;
     border-style: solid;
     border-width: 1px;

make_post_sell/templates/sales.j2

@@ -6,7 +6,6 @@
   <table style="width:100%;">
     <thead>
       <tr>
-        <th>Invoice ID</th>
         <th>Customer Name</th>
         <th>Date</th>
         <th>Total</th>
@@ -16,7 +15,6 @@
     <tbody>
       {% for invoice in invoices %}
         <tr>
-          <td>{{ invoice.id }}</td>
           <td>{{ invoice.user.name }}</td>
           <td>{{ invoice.human_created_timestamp }}</td>
           <td>${{ '%0.2f' % invoice.total }}</td>

make_post_sell/templates/sales_details.j2

@@ -1,7 +1,7 @@
 {% extends "base.j2" %}
 
 {% block content %}
-  <h1>Invoice: {{ invoice.id }}</h1>
+  <h1>Invoice Identifier<br>{{ invoice.id }}</h1>
   <p><strong>Customer Name:</strong> {{ invoice.user.name }}</p>
   <p><strong>Date:</strong> {{ invoice.human_created_timestamp }}</p>
   <p><strong>Total:</strong> ${{ '%0.2f' % invoice.total }}</p>