Merge remote-tracking branch 'origin/polishing' into owen

frontend/src/App.vue

@@ -287,6 +287,10 @@ export default {
 		background-color: var(--dark-grey);
 		border-color: var(--grey-3);
 		color: var(--white);
+
+		&::placeholder {
+			color: var(--light-grey-3);
+		}
 	}
 
 	// &:last-of-type {

frontend/src/components/FloatingBox.vue

@@ -150,6 +150,8 @@ export default {
 	resize: both;
 	overflow: auto;
 	border: 1px solid var(--light-grey-2);
+	border-radius: 5px;
+	padding: 10px;
 	min-height: 50px !important;
 	min-width: 50px !important;
 

frontend/src/components/ReportInfoItem.vue

@@ -58,12 +58,6 @@ export default {
 };
 </script>
 
-<style lang="scss">
-.report-info-item .item-icon .profile-picture span {
-	font-size: 25px;
-}
-</style>
-
 <style lang="scss" scoped>
 .night-mode {
 	.report-info-item {
@@ -79,6 +73,12 @@ export default {
 		height: 45px;
 		margin-right: 10px;
 
+		/deep/ .profile-picture.using-initials span {
+			font-size: calc(
+				45px / 5 * 2
+			); // 2/5th of .profile-picture height/width
+		}
+
 		.profile-picture,
 		i {
 			width: 45px;