Nicer Css for target

system/assets/imgs/target-square.svg

@@ -1,11 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 488.842 488.842" style="enable-background:new 0 0 488.842 488.842;" xml:space="preserve">
-<g>
-	<path d="M0,184.605h108.793v-75.813h75.808V0H0V184.605z M20.802,20.802H163.8v67.189H87.992v75.813h-67.19V20.802z"/>
-	<path d="M304.247,0v108.792h75.808v75.813h108.787V0H304.247z M468.041,163.804h-67.184V87.991h-75.808V20.802h142.992V163.804z"/>
-	<path d="M380.055,380.06h-75.808v108.783h184.595V304.246H380.055V380.06z M400.857,325.048h67.184v142.993H325.049v-67.179h75.808
-		V325.048z"/>
-	<path d="M108.793,304.246H0v184.596h184.601V380.06h-75.808V304.246z M163.8,400.861v67.179H20.802V325.048h67.19v75.813H163.8z"/>
-</g>
-</svg>

system/styles/scss/dices.scss

@@ -75,27 +75,18 @@
         display: flex;
         align-items: center;
         flex: 0 0 100%;
+        margin: 0.5rem 0;
+        padding: 0.25rem 0.5rem 0.25rem 0.25rem;
+        background: rgba(255, 255, 255, 0.1);
+        border: solid 1px rgba(100, 0, 0, 0.75);
+        border-radius: 3px;
         .profile {
             flex: 1;
             margin: 0.25rem 0.25rem 0 0;
             position: relative;
-            .target-img {
-                position: absolute;
-                left: 0;
-                opacity: 0.7;
-            }
             .profile-img {
                 position: relative;
-            }
+                border: none;
-            &:after {
-                content: "";
-                background: url("../assets/imgs/target-square.svg") no-repeat 0 0;
-                position: absolute;
-                top: 0;
-                left: 0;
-                opacity: 0.5;
-                width: 100%;
-                height: 100%;
             }
         }
         .name {