Move status to the top (alignment/overlaps)

This commit is contained in:
Jaco Greeff 2017-09-20 13:08:38 +02:00
parent 32a29c11a0
commit dfe45338c0
4 changed files with 6 additions and 5 deletions

View File

@ -17,6 +17,7 @@
.application {
box-sizing: border-box;
margin-top: 2.75em;
}
.container {
@ -26,7 +27,7 @@
}
.content {
padding-bottom: 1.25em;
padding: 0;
}
.error {

View File

@ -41,7 +41,7 @@ import Store, { DISPLAY_ACCOUNTS, DISPLAY_SIGNER } from './store';
import styles from './parityBar.css';
const LS_STORE_KEY = '_parity::parityBar';
const DEFAULT_POSITION = { right: '1em', bottom: '2.5em' };
const DEFAULT_POSITION = { right: '1em', bottom: '0' };
@observer
class ParityBar extends Component {
@ -180,7 +180,7 @@ class ParityBar extends Component {
if (position.top !== undefined) {
parityBgStyle.top = 0;
} else {
parityBgStyle.bottom = '2.5em';
parityBgStyle.bottom = 0;
}
// Set at left or right of the screen

View File

@ -21,7 +21,7 @@ $borderColor: rgba(0, 0, 0, 0.15);
.requests {
align-items: flex-end;
bottom: 2.75em;
bottom: 0;
display: flex;
flex-direction: column;
position: fixed;

View File

@ -19,13 +19,13 @@ $textColor: #ccc;
.status {
align-items: center;
bottom: 0;
color: $textColor;
display: flex;
left: 0;
padding: 0.5em 0.75em;
position: fixed;
right: 0;
top: 0;
z-index: 1000;
}