Roll : Added target info in ChatMessage

system/styles/scss/dices.scss

@@ -71,6 +71,38 @@
             color: rgba(155, 55, 55, 0.75);
         }
     }
+    .target {
+        display: flex;
+        align-items: center;
+        flex: 0 0 100%;
+        .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;
+            }
+            &: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 {
+            flex: 6;
+            font-family: "BrushtipTexe", sans-serif;
+        }
+    }
 }
 
 // If DicePicker add a pointer

system/styles/scss/twentyquestions.scss

@@ -198,5 +198,8 @@
         .next {
             margin: 2rem 0 4rem;
         }
+        .autocomplete {
+            width: calc(100% - 2px);
+        }
     }
 }

system/styles/scss/ui.scss

@@ -939,6 +939,7 @@ button {
         cursor: pointer;
         background-color: #fff;
         border-bottom: 1px solid #d4d4d4;
+        text-align: left;
     }
     .autocomplete-items div:hover {
         /*when hovering an item:*/