Commit 5c18afa4 authored by kenshin-samourai's avatar kenshin-samourai
Browse files

rework screen structure

parent 4f9a15ca
body{
font-family: "Unica One", sans-serif;
font-size: 12px;
line-height: 1.3;
}
h1 {
text-align: center;
}
table.grid {
margin-left: 5%;
margin-right: 5%;
width: 90%;
}
.column1 {
width: 20%;
min-width: 20%;
max-width: 20%;
}
.column2 {
width: 40%;
min-width: 40%;
max-width: 40%;
}
.column3 {
width: 40%;
min-width: 40%;
max-width: 40%;
}
table.grid th, table.grid td {
vertical-align: top;
}
table.grid tr.header {
background-color: aqua;
vertical-align: middle;
text-align: center;
line-height: 2;
}
table.grid th {
text-align: right;
vertical-align: top;
padding: 2px;
}
table.grid tr.header th {
text-align: center;
}
table.grid td {
text-align: center;
vertical-align: top;
padding: 2px;
}
textarea {
width: 100%;
}
div.result {
width: 100%;
max-width: 100%;
word-break: break-all;
}
.left {
text-align: left!important;
}
.right {
text-align: right!important;
}
.center {
text-align: center!important;
}
\ No newline at end of file
......@@ -14,16 +14,16 @@
<body>
<h1>BIP47 DERIVATION TOOL</h1>
<table>
<table class="grid">
<tbody>
<tr>
<td width="20%"></td>
<td width="50%"></td>
<td width="30%"></td>
<td class="column1"></td>
<td class="column2"></td>
<td class="column3"></td>
</tr>
<tr>
<th>BITCOIN NETWORK</th>
<td colspan="2">
<td colspan="2" class="left">
<select id="network">
<option value="bitcoin">MAINNET</option>
<option value="testnet">TESTNET</option>
......@@ -31,7 +31,7 @@
</td>
</tr>
<tr><td colspan="3">&nbsp;</td></tr>
<tr>
<tr class="header">
<th></th>
<th>YOUR WALLET</th>
<th>YOUR COUNTERPARTY</th>
......@@ -53,7 +53,7 @@
<tr>
<th>BIP47 PAYMENT CODE</th>
<td>
<div id="alice_paymentcode"></div>
<div id="alice_paymentcode" class="result"></div>
</td>
<td>
<textarea id="bob_paymentcode"></textarea>
......@@ -62,15 +62,16 @@
<tr>
<th>BIP47 NOTIFICATION ADDRESS</th>
<td>
<div id="alice_notif_addr"></div>
<div id="alice_notif_addr" class="result"></div>
</td>
<td>
<div id="bob_notif_addr"></div>
<div id="bob_notif_addr" class="result"></div>
</td>
</tr>
<tr><td colspan="3">&nbsp;</td></tr>
<tr><td colspan="3">&nbsp;</td></tr>
<tr>
<th colspan="3">
<td colspan="3" class="center">
<span>DERIVE</span>
<select id="derivation_nb_addresses">
<option value="10">10</option>
......@@ -80,10 +81,10 @@
</select>
<span>ADDRESSES STARTING FROM INDEX</span>
<input id="derivation_start_index" value="0"/>
</th>
</td>
</tr>
<tr><td colspan="3">&nbsp;</td></tr>
<tr>
<tr class="header">
<th></th>
<th>YOUR WALLET</th>
<th>YOUR COUNTERPARTY</th>
......@@ -91,10 +92,10 @@
<tr>
<th>BIP47 PAYMENT ADDRESSES</th>
<td>
<div id="alice_payment_addresses"></div>
<div id="alice_payment_addresses" class="result"></div>
</td>
<td>
<div id="bob_payment_addresses"></div>
<div id="bob_payment_addresses" class="result"></div>
</td>
</tr>
</tbody>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment