diff options
author | k.kedron <k.kedron@partner.samsung.com> | 2019-06-14 16:06:05 +0200 |
---|---|---|
committer | Ofir Sonsino <ofir.sonsino@intl.att.com> | 2019-06-19 07:19:40 +0000 |
commit | 786fdeaa0d83aeb012622c1e644a0a9ca0e7c1b0 (patch) | |
tree | e0005022773b9f437594c698d7973905d9fdde14 /public/src/app/home/home.component.scss | |
parent | df4ec4191e8d9f3704c315d5122048ef5f757cef (diff) |
Improve UX when user wants to add first MC.
Add new button to import the MC directly.
Update the information on the main label.
Improve the css style.
Issue-ID: SDC-2312
Signed-off-by: Krystian Kedron <k.kedron@partner.samsung.com>
Change-Id: I31352e56fb032092dcbae209e6bae8af6d09ac6c
Diffstat (limited to 'public/src/app/home/home.component.scss')
-rw-r--r-- | public/src/app/home/home.component.scss | 28 |
1 files changed, 23 insertions, 5 deletions
diff --git a/public/src/app/home/home.component.scss b/public/src/app/home/home.component.scss index 63d0544..890d463 100644 --- a/public/src/app/home/home.component.scss +++ b/public/src/app/home/home.component.scss @@ -1,16 +1,20 @@ @import '~@swimlane/ngx-datatable/release/themes/material.css'; + +$success-color-main: #5cb85c; +$success-color-hover: #9ed29e; +$primary-color-hover: #7bd0f1; + .home-container { display: flex; flex-direction: column; height: 100%; - margin: 15px 20px; - margin-left: 15px; - margin-right: 15px; - .wrapper-btn-add-mc { - margin-top: 46px; + margin: 15px; + + .wrapper-btn-mc { display: flex; flex-direction: column; align-items: center; + float: left; } .btn-create { width: 150px; @@ -18,6 +22,20 @@ } } +.mat-success { + background-color: $success-color-main; + border-color: #4cae4c; + color: #fff; +} + +button.mat-success:not([disabled]):hover { + background-color: $success-color-hover; +} + +button.mat-primary:not([disabled]):hover { + background-color: $primary-color-hover; +} + .my-confrim-dialog .mat-dialog-container { max-width: 600px; width: 500px; |