diff --git a/js/src/Application/application.css b/js/src/Application/application.css index 2cd8c64bb..8c1e452c9 100644 --- a/js/src/Application/application.css +++ b/js/src/Application/application.css @@ -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 { diff --git a/js/src/ParityBar/parityBar.js b/js/src/ParityBar/parityBar.js index 7ae2dca49..f3676e307 100644 --- a/js/src/ParityBar/parityBar.js +++ b/js/src/ParityBar/parityBar.js @@ -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 diff --git a/js/src/Requests/requests.css b/js/src/Requests/requests.css index 04bc11f0a..ff0cf2d57 100644 --- a/js/src/Requests/requests.css +++ b/js/src/Requests/requests.css @@ -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; diff --git a/js/src/Status/status.css b/js/src/Status/status.css index f63627174..536f443a6 100644 --- a/js/src/Status/status.css +++ b/js/src/Status/status.css @@ -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; }