(fix) loading spinner responsiveness

Author: antoine92190

src/ChatWindow/Loader.vue

@@ -36,8 +36,8 @@ export default {
 
 #circle {
 	margin: auto;
-	height: 32px;
-	width: 32px;
+	height: 28px;
+	width: 28px;
 	border: 3px rgba(0, 0, 0, 0.25) solid;
 	border-top: 3px var(--chat-color-spinner) solid;
 	border-right: 3px var(--chat-color-spinner) solid;
@@ -47,6 +47,22 @@ export default {
 	animation: spin 1s infinite linear;
 }
 
+@media only screen and (max-width: 768px) {
+	#circle {
+		height: 24px;
+		width: 24px;
+	}
+
+	.container-top {
+		padding: 18px;
+
+		#circle {
+			height: 16px;
+			width: 16px;
+		}
+	}
+}
+
 @-webkit-keyframes spin {
 	from {
 		-webkit-transform: rotate(0deg);

src/ChatWindow/Room.vue

@@ -865,11 +865,19 @@ textarea {
 		}
 	}
 
+	.container-scroll {
+		padding-top: 50px;
+	}
+
 	.box-footer {
 		border-top: var(--chat-border-style-input);
 		padding: 7px 2px 7px 7px;
 	}
 
+	.text-started {
+		margin-top: 20px;
+	}
+
 	textarea {
 		padding: 7px;
 		line-height: 18px;