status-im
/
status-teller-network
mirror of https://github.com/status-im/status-teller-network.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: stop status from breaking in small screens (#250) 

* fix: stop status from breaking in small screens

* fix: tests
This commit is contained in:
Richard Ramos 2019-05-20 09:49:29 -04:00 committed by GitHub
parent 051424ef3d
commit 8713d7b286
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/css/bootstrap-overrides.scss vendored
View File

@ -121,3 +121,7 @@ $input-icon-height: 20px;
.font-weight-medium {
font-weight: 500;
}
.nowrap {
white-space: nowrap;
}

2
src/js/pages/MyProfile/components/Trades.jsx
View File

@ -65,7 +65,7 @@ class Trades extends Component {
{isBuyer ? 'Buy' : 'Sell' } {formatBalance(trade.tokenAmount)} {trade.token.symbol}
</Col>
<Col className="align-self-center text-center text-success" xs="4">
<span className={"p-1 text-uppercase d-inline text-white rounded-sm text-small " + tradeStyle.className}>{tradeStyle.text}</span>
<span className={"p-1 text-uppercase d-inline text-white rounded-sm text-small nowrap " + tradeStyle.className}>{tradeStyle.text}</span>
</Col>
</Row>
</Link>;

2
src/js/pages/MyProfile/components/__snapshots__/Trades.test.jsx.snap
View File

@ -136,7 +136,7 @@ exports[`Trades should render correctly 1`] = `
xs="4"
>
<span
className="p-1 text-uppercase d-inline text-white rounded-sm text-small bg-secondary"
className="p-1 text-uppercase d-inline text-white rounded-sm text-small nowrap bg-secondary"
>
open
</span>