diff --git a/src/component/management/profile/ProfileStyles.less b/src/component/management/profile/ProfileStyles.less index 9f5ca9a..134595e 100644 --- a/src/component/management/profile/ProfileStyles.less +++ b/src/component/management/profile/ProfileStyles.less @@ -111,6 +111,41 @@ body { .picture-change{ width: auto; float: right; + margin-left: 20px; +} + +.btn-outline-danger{ + color: #dc3545; + background-color: transparent; + background-image: none; + border-color: #dc3545; +} + +.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} + +.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(220,53,69,.5); + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} + +.btn-outline-danger.focus, .btn-outline-danger:focus { + box-shadow: 0 0 0 0.2rem rgba(220,53,69,.5); + color: #fff; + background-color: #dc3545; + border-color: #dc3545; + outline: none; +} + +.btn-outline-danger:hover { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; } .profile-picture{ diff --git a/src/component/management/profile/ProfileView.jsx b/src/component/management/profile/ProfileView.jsx index 7a1bc57..810ad47 100644 --- a/src/component/management/profile/ProfileView.jsx +++ b/src/component/management/profile/ProfileView.jsx @@ -228,6 +228,7 @@ class ProfileView extends React.Component {
+