button styles, modal size

angular/src/assets/images/icons/icon-edit.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="100px" height="100px"><path d="M 43.050781 1.9746094 C 41.800781 1.9746094 40.549609 2.4503906 39.599609 3.4003906 L 38.800781 4.1992188 L 45.699219 11.099609 L 46.5 10.300781 C 48.4 8.4007812 48.4 5.3003906 46.5 3.4003906 C 45.55 2.4503906 44.300781 1.9746094 43.050781 1.9746094 z M 37.482422 6.0898438 A 1.0001 1.0001 0 0 0 36.794922 6.3925781 L 4.2949219 38.791016 A 1.0001 1.0001 0 0 0 4.0332031 39.242188 L 2.0332031 46.742188 A 1.0001 1.0001 0 0 0 3.2578125 47.966797 L 10.757812 45.966797 A 1.0001 1.0001 0 0 0 11.208984 45.705078 L 43.607422 13.205078 A 1.0001 1.0001 0 1 0 42.191406 11.794922 L 9.9921875 44.09375 L 5.90625 40.007812 L 38.205078 7.8085938 A 1.0001 1.0001 0 0 0 37.482422 6.0898438 z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="100px" height="100px"><path fill="#ffffff" d="M 43.050781 1.9746094 C 41.800781 1.9746094 40.549609 2.4503906 39.599609 3.4003906 L 38.800781 4.1992188 L 45.699219 11.099609 L 46.5 10.300781 C 48.4 8.4007812 48.4 5.3003906 46.5 3.4003906 C 45.55 2.4503906 44.300781 1.9746094 43.050781 1.9746094 z M 37.482422 6.0898438 A 1.0001 1.0001 0 0 0 36.794922 6.3925781 L 4.2949219 38.791016 A 1.0001 1.0001 0 0 0 4.0332031 39.242188 L 2.0332031 46.742188 A 1.0001 1.0001 0 0 0 3.2578125 47.966797 L 10.757812 45.966797 A 1.0001 1.0001 0 0 0 11.208984 45.705078 L 43.607422 13.205078 A 1.0001 1.0001 0 1 0 42.191406 11.794922 L 9.9921875 44.09375 L 5.90625 40.007812 L 38.205078 7.8085938 A 1.0001 1.0001 0 0 0 37.482422 6.0898438 z"/></svg>

angular/src/assets/images/icons/icon-remove.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 7V18C6 19.1046 6.89543 20 8 20H16C17.1046 20 18 19.1046 18 18V7M6 7H5M6 7H8M18 7H19M18 7H16M10 11V16M14 11V16M8 7V5C8 3.89543 8.89543 3 10 3H14C15.1046 3 16 3.89543 16 5V7M8 7H16" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

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 {

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;