Merge pull request #1942 from lbryio/t-patch

Fix table elements padding and spacing
This commit is contained in:
Sean Yesmunt 2018-09-07 10:14:18 -04:00 committed by GitHub
commit 9a716ea5be
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 9 deletions

View file

@ -12,6 +12,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/).
### Fixed ### Fixed
* Paragraph rendering now properly includes a margin for new paragraphs ([#1939](https://github.com/lbryio/lbry-desktop/pull/1939)) * Paragraph rendering now properly includes a margin for new paragraphs ([#1939](https://github.com/lbryio/lbry-desktop/pull/1939))
* Alignment of "navigate to page" input next to pagination on channel pages ([#1941](https://github.com/lbryio/lbry-desktop/pull/1941)) * Alignment of "navigate to page" input next to pagination on channel pages ([#1941](https://github.com/lbryio/lbry-desktop/pull/1941))
* Table spacing with claim name in transactions table ([#1942](https://github.com/lbryio/lbry-desktop/pull/1942))
## [0.25.0] - 2018-08-29 ## [0.25.0] - 2018-08-29

View file

@ -15,26 +15,21 @@ table.table,
padding-right: $spacing-vertical * 2/3; padding-right: $spacing-vertical * 2/3;
} }
thead { tr th,
color: var(--text-color); tr td {
border-bottom: var(--table-border);
}
th,
td {
font-size: 13px; font-size: 13px;
padding: 8px 0;
} }
th { th {
font-family: 'metropolis-semibold'; font-family: 'metropolis-semibold';
border: 0; border: 0;
padding: $spacing-vertical * 2/3 $spacing-vertical * 1/3;
} }
td { td {
font-family: 'metropolis-medium'; font-family: 'metropolis-medium';
color: var(--color-help); color: var(--color-help);
padding: $spacing-vertical * 1/6 0; padding: $spacing-vertical * 1/6 $spacing-vertical * 1/3;
.btn:not(.btn--link) { .btn:not(.btn--link) {
display: inline; display: inline;
@ -50,6 +45,11 @@ table.table,
padding-left: $spacing-vertical * 1/3; padding-left: $spacing-vertical * 1/3;
} }
thead {
color: var(--text-color);
border-bottom: var(--table-border);
}
tbody { tbody {
tr { tr {
border-bottom: var(--table-item-border); border-bottom: var(--table-item-border);