update readme & blt wallet image, improve css, add missing font, clean up html

Author: sereneblue

README.md

@@ -6,7 +6,7 @@ An open source testnet web wallet for Bitcoin and Litecoin
 
 If you'd like to see blt-wallet in action, click [here](https://sereneblue.github.io/blt-wallet/). You can also save blt-wallet for local usage. Use the index.html file located in the `src` folder.
 
-Compatible with Android 7.0+ WebView.
+Compatible with Android 7.0+ WebView (Chrome v51) and Firefox Focus 2.3.
 
 ## Special Thanks
 

blt-wallet.png

@@ -129,8 +129,8 @@ <h2>Transactions</h2>
  <i class="medium circular inverted green arrow left icon"></i>
  <i v-if="tx.confirmations < 1" class="medium hourglass start icon">
  </td>
- <td><span v-bind:data-livestamp="tx.time"></span></td>
- <td><a v-bind:href="baseURL + '/tx/' + tx.txid" target="_blank">{{ tx.txid }}</a></td>
+ <td><span :data-livestamp="tx.time"></span></td>
+ <td><a :href="baseURL + '/tx/' + tx.txid" target="_blank">{{ tx.txid }}</a></td>
  <td v-if="tx.vin[0].addr == address" class="negative">-{{ tx.vout[0].value }} {{ symbol }}</td>
  <td v-else class="positive">+{{ getOutputValue(tx.vout) }} {{ symbol }}</td>
  </tr>

docs/index.html

@@ -98,7 +98,15 @@
 text-align: center;
 }
 }
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 1024px) {
+
+td {
+max-width: 300px;
+white-space: nowrap;
+overflow: hidden;
+text-overflow: ellipsis;
+}
+
 .pusher {
 padding-left: 0px;
 }
@@ -127,7 +135,15 @@
 }
 }
 
-@media screen and (max-device-width: 768px) {
+@media screen and (max-device-width: 1024px) {
+
+td {
+max-width: 300px;
+white-space: nowrap;
+overflow: hidden;
+text-overflow: ellipsis;
+}
+
 .pusher {
 padding-left: 0px;
 }

src/css/style.css

@@ -85,9 +85,9 @@
 <div class="header">
 Faucets
 </div>
-<div class="item" :href="faucet[1]" v-for="faucet in faucets" target="_blank">
+<a class="item" :href="faucet[1]" v-for="faucet in faucets" target="_blank">
 {{ faucet[0] }}
-</div>
+</a>
 </div>
 </button>
 </div>
@@ -130,8 +130,8 @@ <h2>Transactions</h2>
 <i class="medium circular inverted green arrow left icon"></i>
 <i v-if="tx.confirmations < 1" class="medium hourglass start icon">
 </td>
-<td><span v-bind:data-livestamp="tx.time"></span></td>
-<td><a v-bind:href="baseURL + '/tx/' + tx.txid" target="_blank">{{ tx.txid }}</a></td>
+<td><span :data-livestamp="tx.time"></span></td>
+<td><a :href="baseURL + '/tx/' + tx.txid" target="_blank">{{ tx.txid }}</a></td>
 <td v-if="tx.vin[0].addr == address" class="negative">-{{ tx.vout[0].value }} {{ symbol }}</td>
 <td v-else class="positive">+{{ getOutputValue(tx.vout) }} {{ symbol }}</td>
 </tr>