Deletes the double confirmation when we remove a message and fixes css in modal confirmation deletion

Author: arabakevin

demo/src/App.vue

@@ -198,11 +198,9 @@ export default {
       m.data.text = message.data.text;
     },
     removeMessage(message){
-      if (confirm('Delete?')){
-        const m = this.messageList.find(m => m.id === message.id);
-        m.type = 'system';
-        m.data.text = 'This message has been removed';
-      }
+      const m = this.messageList.find(m => m.id === message.id);
+      m.type = 'system';
+      m.data.text = 'This message has been removed';
     },
     like(id){
       const m = this.messageList.findIndex(m => m.id === id);

src/messages/TextMessage.vue

@@ -131,6 +131,7 @@ a.chatLink {
   color: inherit !important;
 }
 .message-deletion-confirmation {
-  padding: 0px 5px;
+  padding: 0px 10px;
+
 }
 </style>