diff --git a/angular/src/assets/images/icons/icon-edit.svg b/angular/src/assets/images/icons/icon-edit.svg index bd992e1..fe0c4f5 100644 --- a/angular/src/assets/images/icons/icon-edit.svg +++ b/angular/src/assets/images/icons/icon-edit.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/angular/src/assets/images/icons/icon-remove.svg b/angular/src/assets/images/icons/icon-remove.svg new file mode 100644 index 0000000..1acab06 --- /dev/null +++ b/angular/src/assets/images/icons/icon-remove.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/angular/src/assets/scss/_button.scss b/angular/src/assets/scss/_button.scss index ea98090..27e1baf 100644 --- a/angular/src/assets/scss/_button.scss +++ b/angular/src/assets/scss/_button.scss @@ -89,30 +89,32 @@ body { } } -.spt-icon-details { +.spt-icon-details, +.spt-icon-edit, +.spt-icon-remove { display: block; width: 32px; height: 32px; - background: #2e3a43 url("/assets/images/icons/details.svg") no-repeat center center; background-size: 20px auto; border-color: #2e3a43; + background-repeat: no-repeat; + background-position: 50% 50%; &:hover { background-color: #6d757c !important; border-color: #6d757c !important; } } +.spt-icon-details { + background-image: url("/assets/images/icons/details.svg"); +} + .spt-icon-edit { - display: block; - width: 32px; - height: 32px; - background: #2e3a43 url("/assets/images/icons/icon-edit.svg") no-repeat center center; - background-size: 20px auto; - border-color: #2e3a43; - &:hover { - background-color: #6d757c !important; - border-color: #6d757c !important; - } + background-image: url("/assets/images/icons/icon-edit.svg"); +} + +.spt-icon-remove { + background-image: url("/assets/images/icons/icon-remove.svg"); } .spt-icon-unassign { diff --git a/angular/src/assets/scss/_modal.scss b/angular/src/assets/scss/_modal.scss index 10d94b1..54bfb5b 100644 --- a/angular/src/assets/scss/_modal.scss +++ b/angular/src/assets/scss/_modal.scss @@ -5,6 +5,7 @@ margin-top: 3rem; margin-bottom: 3rem; cursor: auto; + max-width: 700px; } .modal-content { padding: 1rem;