diff --git a/ui/app/components/app/confirm-page-container/confirm-page-container-content/confirm-page-container-content.component.js b/ui/app/components/app/confirm-page-container/confirm-page-container-content/confirm-page-container-content.component.js index 8a5f90c76..e87492832 100644 --- a/ui/app/components/app/confirm-page-container/confirm-page-container-content/confirm-page-container-content.component.js +++ b/ui/app/components/app/confirm-page-container/confirm-page-container-content/confirm-page-container-content.component.js @@ -39,10 +39,10 @@ export default class ConfirmPageContainerContent extends Component { return ( - + { detailsComponent } - + { dataComponent } diff --git a/ui/app/components/app/confirm-page-container/confirm-page-container-content/index.scss b/ui/app/components/app/confirm-page-container/confirm-page-container-content/index.scss index ebc252e73..50d15d193 100644 --- a/ui/app/components/app/confirm-page-container/confirm-page-container-content/index.scss +++ b/ui/app/components/app/confirm-page-container/confirm-page-container-content/index.scss @@ -66,4 +66,11 @@ color: $black; padding-left: 5px; } + + &__tab { + font-size: .75rem; + color: #8C8E94; + text-transform: uppercase; + margin: 0 8px; + } } diff --git a/ui/app/components/ui/page-container/index.scss b/ui/app/components/ui/page-container/index.scss index 8e292ba67..21f6ca0c5 100644 --- a/ui/app/components/ui/page-container/index.scss +++ b/ui/app/components/ui/page-container/index.scss @@ -117,23 +117,14 @@ &__tab { min-width: 5rem; - padding: 8px; color: $dusty-gray; - font-family: Roboto; font-size: 1rem; - text-align: center; - cursor: pointer; border-bottom: none; margin-right: 16px; &:last-of-type { margin-right: 0; } - - &--selected { - color: $curious-blue; - border-bottom: 2px solid $curious-blue; - } } &--full-width { diff --git a/ui/app/components/ui/page-container/page-container.component.js b/ui/app/components/ui/page-container/page-container.component.js index 8ea9aa6b0..a35524121 100644 --- a/ui/app/components/ui/page-container/page-container.component.js +++ b/ui/app/components/ui/page-container/page-container.component.js @@ -53,7 +53,6 @@ export default class PageContainer extends PureComponent { isActive: numberOfTabs > 1 && tabIndex === this.state.activeTabIndex, key: tabIndex, className: 'page-container__tab', - activeClassName: 'page-container__tab--selected', }) }) } diff --git a/ui/app/components/ui/tabs/index.scss b/ui/app/components/ui/tabs/index.scss index 25143ff35..678f2afe5 100644 --- a/ui/app/components/ui/tabs/index.scss +++ b/ui/app/components/ui/tabs/index.scss @@ -4,7 +4,6 @@ &__list { display: flex; justify-content: flex-start; - background-color: #f9fafa; border-bottom: 1px solid $geyser; padding: 0 16px; } diff --git a/ui/app/components/ui/tabs/tab/index.scss b/ui/app/components/ui/tabs/tab/index.scss index 1de6ffa0e..7245c695e 100644 --- a/ui/app/components/ui/tabs/tab/index.scss +++ b/ui/app/components/ui/tabs/tab/index.scss @@ -1,10 +1,6 @@ .tab { - color: #8C8E94; - font-size: .75rem; - text-transform: uppercase; cursor: pointer; - padding: 8px 0; - margin: 0 8px; + padding: 8px; min-width: 50px; text-align: center;