Skip to content

Commit

Permalink
Problem: Data table on tezos page doesn't match layout and responsive…
Browse files Browse the repository at this point in the history 
…ness (fractalide#207)

Solution: Fix layout and add responsiveness to table.
  • Loading branch information
@miguelsimoni
miguelsimoni committed Jan 26, 2019
1 parent 091f66c commit 8f9fcc1
Show file tree
Hide file tree
Showing 2 changed files with 47 additions and 36 deletions.
70 changes: 36 additions & 34 deletions content/stake-pool/tezos-xtz.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -222,40 +222,42 @@

<div class="row kt1_data">
<div class="col-sm-offset-2 col-sm-8">
<table class="table">
<thead>
<tr>
<th>Cycle</th>
<th>Snapshot Balance</th>
<th>Estimated Rewards</th>
<th>Final Rewards</th>
<th>Payout Hash</th>
</tr>
</thead>
<tbody>
<tr>
<td>26</td>
<td>19999.74</td>
<td>14.391045</td>
<td>14.391485</td>
<td class="text_blue">Paid out</td>
</tr>
<tr>
<td>26</td>
<td>19999.74</td>
<td>14.391045</td>
<td>14.391485</td>
<td class="text_blue">Paid out</td>
</tr>
<tr>
<td>26</td>
<td>19999.74</td>
<td>14.391045</td>
<td>14.391485</td>
<td class="text_blue">Paid out</td>
</tr>
</tbody>
</table>
<div class="table-responsive">
<table class="table table-padded">
<thead>
<tr>
<th>Cycle</th>
<th>Snapshot Balance</th>
<th>Estimated Rewards</th>
<th>Final Rewards</th>
<th>Payout Hash</th>
</tr>
</thead>
<tbody>
<tr>
<td>26</td>
<td>19999.74</td>
<td>14.391045</td>
<td>14.391485</td>
<td class="text_blue">Paid out</td>
</tr>
<tr>
<td>26</td>
<td>19999.74</td>
<td>14.391045</td>
<td>14.391485</td>
<td class="text_blue">Paid out</td>
</tr>
<tr>
<td>26</td>
<td>19999.74</td>
<td>14.391045</td>
<td>14.391485</td>
<td class="text_blue">Paid out</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

Expand Down
13 changes: 11 additions & 2 deletions themes/fractalide/files/css/custom.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -531,10 +531,10 @@ section#tezos-xtz button {

@media (max-width: 1200px) {
.blue_box {
padding: 20px 0 20px 0;
padding: 20px;
}
.white_box {
padding: 20px 0 20px 0;
padding: 20px;
}
#delegationAddress {
word-wrap:break-word;
Expand Down Expand Up @@ -602,6 +602,15 @@ section#tezos-xtz ul li {
margin-top: 90px;
}

.table-padded > thead > tr > th,
.table-padded > tbody > tr > th,
.table-padded > tfoot > tr > th,
.table-padded > thead > tr > td,
.table-padded > tbody > tr > td,
.table-padded > tfoot > tr > td {
padding: 15px;
}


/****************************************/
/* Page: Home - Section: Cardano Wallet */
Expand Down

0 comments on commit 8f9fcc1

Please # to comment.