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;