ui: Use monospace fonts when displaying ids.

basicswap/static/style.css

@@ -8,3 +8,8 @@
 {
   font-weight:bold;
 }
+
+.monospace
+{
+  font-family:monospace;
+}

basicswap/templates/active.html

@@ -8,7 +8,7 @@
 <table>
 <tr><th>Bid ID</th><th>Offer ID</th><th>Bid Status</th><th>ITX Status</th><th>PTX Status</th></tr>
 {% for s in active_swaps %}
-<tr><td><a href=/bid/{{ s[0] }}>{{ s[0] }}</a></td><td><a href=/offer/{{ s[1] }}>{{ s[1] }}</a></td><td>{{ s[2] }}</td><td>{{ s[3] }}</td><td>{{ s[4] }}</td></tr>
+<tr><td><a class="monospace" href=/bid/{{ s[0] }}>{{ s[0] }}</a></td><td><a class="monospace" href=/offer/{{ s[1] }}>{{ s[1] }}</a></td><td>{{ s[2] }}</td><td>{{ s[3] }}</td><td>{{ s[4] }}</td></tr>
 {% endfor %}
 </table>
 

basicswap/templates/bid.html

@@ -19,22 +19,22 @@
 <tr><td>State Description </td><td>{{ data.state_description }}</td></tr>
 <tr><td>ITX State</td><td>{{ data.itx_state }}</td></tr>
 <tr><td>PTX State</td><td>{{ data.ptx_state }}</td></tr>
-<tr><td>Offer</td><td><a href="/offer/{{ data.offer_id }}">{{ data.offer_id }}</a></td></tr>
-<tr><td>Address From</td><td>{{ data.addr_from }}</td></tr>
+<tr><td>Offer</td><td><a class="monospace" href="/offer/{{ data.offer_id }}">{{ data.offer_id }}</a></td></tr>
+<tr><td>Address From</td><td class="monospace">{{ data.addr_from }}</td></tr>
 <tr><td>Proof of Funds</td><td>{{ data.proof_address }}</td></tr>
 <tr><td>Created At</td><td>{{ data.created_at }}</td></tr>
 <tr><td>Expired At</td><td>{{ data.expired_at }}</td></tr>
 <tr><td>Sent</td><td>{{ data.was_sent }}</td></tr>
 <tr><td>Received</td><td>{{ data.was_received }}</td></tr>
-<tr><td>Initiate Tx</td><td>{{ data.initiate_tx }}</td></tr>
+<tr><td>Initiate Tx</td><td class="monospace">{{ data.initiate_tx }}</td></tr>
 <tr><td>Initiate Conf</td><td>{{ data.initiate_conf }}</td></tr>
-<tr><td>Participate Tx</td><td>{{ data.participate_tx }}</td></tr>
+<tr><td>Participate Tx</td><td class="monospace">{{ data.participate_tx }}</td></tr>
 <tr><td>Participate Conf</td><td>{{ data.participate_conf }}</td></tr>
 {% if data.show_txns %}
-<tr><td>Initiate Tx Refund</td><td>{{ data.initiate_tx_refund }}</td></tr>
-<tr><td>Participate Tx Refund</td><td>{{ data.participate_tx_refund }}</td></tr>
-<tr><td>Initiate Tx Spend Tx</td><td>{{ data.initiate_tx_spend }}</td></tr>
-<tr><td>Participate Tx Spend Tx</td><td>{{ data.participate_tx_spend }}</td></tr>
+<tr><td>Initiate Tx Refund</td><td class="monospace">{{ data.initiate_tx_refund }}</td></tr>
+<tr><td>Participate Tx Refund</td><td class="monospace">{{ data.participate_tx_refund }}</td></tr>
+<tr><td>Initiate Tx Spend Tx</td><td class="monospace">{{ data.initiate_tx_spend }}</td></tr>
+<tr><td>Participate Tx Spend Tx</td><td class="monospace">{{ data.participate_tx_spend }}</td></tr>
 {% endif %}
 </table>
 

basicswap/templates/bid_xmr.html

@@ -19,8 +19,8 @@
 <tr><td>Coin To</td><td>{{ data.coin_to }}</td></tr>
 <tr><td>Bid State</td><td>{{ data.bid_state }}</td></tr>
 <tr><td>State Description </td><td>{{ data.state_description }}</td></tr>
-<tr><td>Offer</td><td><a href="/offer/{{ data.offer_id }}">{{ data.offer_id }}</a></td></tr>
-<tr><td>Address From</td><td>{{ data.addr_from }}</td></tr>
+<tr><td>Offer</td><td><a class="monospace" href="/offer/{{ data.offer_id }}">{{ data.offer_id }}</a></td></tr>
+<tr><td>Address From</td><td class="monospace">{{ data.addr_from }}</td></tr>
 <tr><td>Created At</td><td>{{ data.created_at }}</td></tr>
 <tr><td>Expired At</td><td>{{ data.expired_at }}</td></tr>
 <tr><td>Sent</td><td>{{ data.was_sent }}</td></tr>
@@ -63,13 +63,13 @@
 
 {% if data.show_txns %}
 {% if data.xmr_b_shared_address %}
-<p>Shared Address: {{ data.xmr_b_shared_address }}</p>
+<p class="monospace">Shared Address: {{ data.xmr_b_shared_address }}</p>
 {% endif %}
 <h4>Transactions</h4>
 <table>
 <tr><th>Tx Type</th><th>Tx ID</th><th>Blocks Deep</th></tr>
 {% for tx in data.txns %}
-<tr><td>{{ tx.type }}</td><td>{{ tx.txid }}</td><td>{{ tx.confirms }}</td></tr>
+<tr><td>{{ tx.type }}</td><td class="monospace">{{ tx.txid }}</td><td>{{ tx.confirms }}</td></tr>
 {% endfor %}
 </table>
 <table>
@@ -85,7 +85,7 @@
 
 {% if data.view_tx_hex %}
 <p>{{ data.view_tx_hex }}</p>
-<textarea id="tx_view" rows="10" cols="150" readonly>
+<textarea class="monospace" id="tx_view" rows="10" cols="150" readonly>
 {{ data.view_tx_desc }}
 </textarea>
 {% endif %}
@@ -93,7 +93,7 @@
 {% if data.lock_transfers %}
 <p>
 <label for="transfers_view">Lock wallet transfers:</label><br/>
-<textarea id="transfers_view" rows="10" cols="150" readonly>
+<textarea class="monospace" id="transfers_view" rows="10" cols="150" readonly>
 {{ data.lock_transfers }}
 </textarea>
 </p>

basicswap/templates/bids.html

@@ -8,7 +8,7 @@
 <table>
 <tr><th>At</th><th>Bid ID</th><th>Offer ID</th><th>Bid Status</th><th>ITX Status</th><th>PTX Status</th></tr>
 {% for b in bids %}
-<tr><td>{{ b[0] }}</td><td><a href=/bid/{{ b[1] }}>{{ b[1] }}</a></td><td><a href=/offer/{{ b[2] }}>{{ b[2] }}</a></td><td>{{ b[3] }}</td><td>{{ b[4] }}</td><td>{{ b[5] }}</td></tr>
+<tr><td>{{ b[0] }}</td><td><a class="monospace" href=/bid/{{ b[1] }}>{{ b[1] }}</a></td><td><a class="monospace" href=/offer/{{ b[2] }}>{{ b[2] }}</a></td><td>{{ b[3] }}</td><td>{{ b[4] }}</td><td>{{ b[5] }}</td></tr>
 {% endfor %}
 </table>
 

basicswap/templates/explorers.html

@@ -24,7 +24,7 @@
 </form>
 
 {% if result %}
-<textarea id="story" name="story" rows="40" cols="160">
+<textarea class="monospace" rows="40" cols="160">
 {{ result }}
 </textarea>
 {% endif %}

basicswap/templates/offer.html

@@ -75,7 +75,7 @@
 <table>
 <tr><th>Bid ID</th><th>Bid Amount</th><th>Bid Status</th><th>ITX Status</th><th>PTX Status</th></tr>
 {% for b in bids %}
-<tr><td><a href=/bid/{{ b[0] }}>{{ b[0] }}</a></td><td>{{ b[1] }}</td><td>{{ b[2] }}</td><td>{{ b[3] }}</td><td>{{ b[4] }}</td></tr>
+<tr><td><a class="monospace" href=/bid/{{ b[0] }}>{{ b[0] }}</a></td><td>{{ b[1] }}</td><td>{{ b[2] }}</td><td>{{ b[3] }}</td><td>{{ b[4] }}</td></tr>
 {% endfor %}
 </table>
 

basicswap/templates/offers.html

@@ -47,7 +47,7 @@
 <table>
 <tr><th>At</th><th>Recipient</th><th>Offer ID</th><th>Coin From</th><th>Coin To</th><th>Amount From</th><th>Amount To</th><th>Rate</th></tr>
 {% for o in offers %}
-<tr><td>{{ o[0] }}</td><td>{{ o[7] }}</td><td><a href=/offer/{{ o[1] }}>{{ o[1] }}</a></td><td>{{ o[2] }}</td><td>{{ o[3] }}</td><td>{{ o[4] }}</td><td>{{ o[5] }}</td><td>{{ o[6] }}</td></tr>
+<tr><td>{{ o[0] }}</td><td>{{ o[7] }}</td><td><a class="monospace" href=/offer/{{ o[1] }}>{{ o[1] }}</a></td><td>{{ o[2] }}</td><td>{{ o[3] }}</td><td>{{ o[4] }}</td><td>{{ o[5] }}</td><td>{{ o[6] }}</td></tr>
 {% endfor %}
 </table>
 

basicswap/templates/rpc.html

@@ -19,7 +19,7 @@
 </form>
 
 {% if result %}
-<textarea id="story" name="story" rows="40" cols="160">
+<textarea class="monospace" rows="40" cols="160">
 {{ result }}
 </textarea>
 {% endif %}

basicswap/templates/smsgaddresses.html

@@ -41,9 +41,9 @@
 {% else %}
 <table>
 <tr><th>Address</th><th>Type</th><th>Active</th><th>Created At</th><th>Note</th><th>Action</th></tr>
-<tr><td><b>{{ network_addr }}</b></td><td>Network Address<td/></tr>
+<tr><td><b class="monospace">{{ network_addr }}</b></td><td>Network Address<td/></tr>
 {% for sa in smsgaddresses %}
-<tr><td>{{ sa.addr }}</td><td>{{ sa.type }}</td><td>{{ sa.active_ind }}</td><td>{{ sa.created_at | formatts }}</td><td>{{ sa.note }}</td><td><input type="submit" name="editaddr_{{ sa.id }}" value="Edit"></td></tr>
+<tr><td class="monospace">{{ sa.addr }}</td><td>{{ sa.type }}</td><td>{{ sa.active_ind }}</td><td>{{ sa.created_at | formatts }}</td><td>{{ sa.note }}</td><td><input type="submit" name="editaddr_{{ sa.id }}" value="Edit"></td></tr>
 {% endfor %}
 </table>