add bottom border to tabs

This commit is contained in:
Alex Corey
2019-05-02 13:38:51 -04:00
parent fed24ed6df
commit a3fdb4aee3
2 changed files with 39 additions and 10 deletions

View File

@@ -112,8 +112,10 @@ class Organization extends Component {
isAdminOfThisOrg
} = this.state;
const tabsPaddingOverride = {
padding: '0',
const tabsStyle = {
paddingTop: '0px',
paddingLeft: '0px',
paddingRight: '0px',
};
const canSeeNotificationsTab = me.is_system_auditor || isNotifAdmin || isAuditorOfThisOrg;
@@ -141,18 +143,25 @@ class Organization extends Component {
loading ? ''
: (
<CardHeader
style={tabsPaddingOverride}
style={tabsStyle}
>
<I18n>
{({ i18n }) => (
<React.Fragment>
<RoutedTabs
match={match}
history={history}
labeltext={i18n._(t`Organization detail tabs`)}
tabsArray={tabsArray}
/>
<CardCloseButton linkTo="/organizations" />
<div className="orgTabsContainer">
<RoutedTabs
className="orgTabsSection"
match={match}
history={history}
labeltext={i18n._(t`Organization detail tabs`)}
tabsArray={tabsArray}
/>
<div
className="orgTabsSection"
>
<CardCloseButton linkTo="/organizations" />
</div>
</div>
</React.Fragment>
)}
</I18n>