(UI) fix reply image position

Author: antoine92190

src/ChatWindow/MessagesList.vue

@@ -80,9 +80,10 @@
 							:src="messageReply.file.url"
 							class="image-reply"
 						/>
-
-						<div class="reply-username">{{ messageReply.username }}</div>
-						<div class="reply-content">{{ messageReply.content }}</div>
+						<div class="reply-info">
+							<div class="reply-username">{{ messageReply.username }}</div>
+							<div class="reply-content">{{ messageReply.content }}</div>
+						</div>
 					</div>
 
 					<div class="icon-reply">
@@ -506,6 +507,11 @@ export default {
 		background: var(--chat-footer-bg-color-reply);
 		border-radius: 4px;
 		padding: 8px 10px;
+		display: flex;
+	}
+
+	.reply-info {
+		overflow: hidden;
 	}
 
 	.reply-username {

src/themes/index.js

@@ -159,7 +159,7 @@ export const defaultThemeColors = {
 			paperclip: '#fff',
 			closeOutline: '#fff',
 			send: '#fff',
-			sendDisabled: '#9ca6af',
+			sendDisabled: '#646a70',
 			emoji: '#fff',
 			document: '#1976d2',
 			pencil: '#ebedf2',