diff --git a/src/js/components/VersionManager.js b/src/js/components/VersionManager.js index 0e34ece3..9c273a39 100755 --- a/src/js/components/VersionManager.js +++ b/src/js/components/VersionManager.js @@ -17,7 +17,7 @@ class VersionManager extends React.Component{ renderUpgradeButton(){ if( this.props.pusher.upgrading ){ return ( - + return } if( this.props.pusher.version.upgrade_available ){ - return + return } - return + return } render(){ diff --git a/src/js/views/Settings.js b/src/js/views/Settings.js index 4f8397b1..da45c81d 100755 --- a/src/js/views/Settings.js +++ b/src/js/views/Settings.js @@ -119,8 +119,6 @@ class Settings extends React.Component{ return ( ) diff --git a/src/scss/components/_header.scss b/src/scss/components/_header.scss index 114dd7a9..7441d9ad 100755 --- a/src/scss/components/_header.scss +++ b/src/scss/components/_header.scss @@ -33,8 +33,10 @@ main { font-size: 14px; font-weight: 600; padding: 13px 10px; + margin: 0; line-height: 24px; text-transform: uppercase; + min-width: 0; } } } diff --git a/src/scss/global/_forms.scss b/src/scss/global/_forms.scss index e7cd5ce2..f6f66311 100755 --- a/src/scss/global/_forms.scss +++ b/src/scss/global/_forms.scss @@ -37,27 +37,23 @@ input[type="submit"] { @include animate(); padding: 10px 20px; border: 0; - margin: 0 10px 5px 0; + margin: 0 10px 20px 0; + margin-right: 20px; + text-align: center; + min-width: 140px; + border-radius: 20px; color: #000000; background: $light_grey; + @include responsive( $bp_medium ){ + min-width: none; + } + &:hover{ cursor: pointer; background: darken( $light_grey, 6%); } - &.rounded { - margin-right: 20px; - padding: 10px 20px; - text-align: center; - min-width: 140px; - border-radius: 20px; - - @include responsive( $bp_medium ){ - min-width: none; - } - } - &.outline { color: #FFFFFF; padding: 9px 19px; @@ -152,13 +148,10 @@ input[type="submit"] { &[disabled], &[disabled="disabled"]{ - background: rgba(200,200,200,0.4) !important; + background: none !important; color: $mid_grey !important; cursor: not-allowed !important; - } - - &:last-of-type { - margin-right: 0; + border-color: $mid_grey !important; } }