diff --git a/js/components/modalOverlay.js b/js/components/modalOverlay.js index 81ad0905727..0c810e86006 100644 --- a/js/components/modalOverlay.js +++ b/js/components/modalOverlay.js @@ -47,7 +47,7 @@ class ModalOverlay extends ImmutableComponent { var button = null var title = null if (!this.props.emptyDialog) { - close = (this.props.onHide ? : null) + close = (this.props.onHide ? : null) title = (this.props.title ?
: null) } let customTitleClassesStr = (this.props.customTitleClasses ? this.props.customTitleClasses : '') diff --git a/less/about/preferences.less b/less/about/preferences.less index c7906fb4780..d976e99f79d 100644 --- a/less/about/preferences.less +++ b/less/about/preferences.less @@ -496,10 +496,11 @@ table.sortableTable { } &.paymentHistory { + @padding-horizontal: 30px; + .dialog-header, - .dialog-body, .dialog-footer { - padding: 20px; + padding: 20px @padding-horizontal; } .dialog-header { @@ -507,6 +508,8 @@ table.sortableTable { .sectionTitle { margin-bottom: 0; padding: 0; + color: @braveMediumOrange; + text-indent: 0; } } @@ -514,28 +517,56 @@ table.sortableTable { background: #FFF; height: 300px; overflow-y: scroll; + padding-right: 0; + padding-left: 0; .paymentHistoryTable { background-color: #FFF; - tr { - th { - color: @darkGray; - font-weight: 500; - border-bottom: 2px solid @lightGray; - text-align: left; - width: 18%; - } + table { + border-spacing: 0; + margin-top: 1em; + margin-bottom: 1em; + + tr { + + &:first-child { + td { + padding-top: .5em; + } + } - td { - text-align: left; + th, + td { + &:first-child { + padding-left: @padding-horizontal; + } - &.narrow { + &:last-child { + padding-right: @padding-horizontal; + } + } + + th { color: @darkGray; + font-weight: 500; + border-bottom: 2px solid @lightGray; + width: 18%; + padding-bottom: .25em; } - &.wide { - color: #777; + td { + white-space: nowrap; + height: 1.5em; + padding: .125em; + + &.narrow { + color: @darkGray; + } + + &.wide { + color: #777; + } } } } @@ -554,6 +585,10 @@ table.sortableTable { .nextPaymentSubmission { font-size: 14px; } + + .browserButton { + min-width: 80px; + } } } } diff --git a/less/modalOverlay.less b/less/modalOverlay.less index dddc1665cd5..660bcfa4ca2 100644 --- a/less/modalOverlay.less +++ b/less/modalOverlay.less @@ -77,14 +77,10 @@ transition: @transitionFast; } - &:not(.paymentHistory) { - .sectionTitle { - font-size: 22px; - padding: 35px 0 10px 0; - text-indent: 50px; - } - } .sectionTitle { + font-size: 22px; + padding: 35px 0 10px 0; + text-indent: 50px; color: @darkGray; } }