More size fixing

Signed-off-by: Joas Schilling <coding@schilljs.com>

css/At.scss

@@ -111,11 +111,11 @@
 	// Override "max-width: 180px", as that makes the autocompletion panel too
 	// narrow.
 	.atwho-view {
-		max-width: unset;
+		max-width: 300px;
+		min-width: 250px;
 		// mention height: 48 * visible mentions: 4.5
 		max-height: 216px;
 	}
-
 	// Override max height to show 4.5 mentions to make clear you can scroll for more options
 	.atwho-ul {
 		// (padding top: 4 + avatar height: 48 + padding bottom: 4) * visible mentions: 4.5

src/components/AvatarWrapper/AvatarWrapper.vue

@@ -109,7 +109,7 @@ export default {
 <style lang="scss" scoped>
 
 .avatar-wrapper {
-	$avatar-size: 32px;
+	$avatar-size: 44px;
 	height: $avatar-size;
 	width: $avatar-size;
 	@import '../../assets/avatar.scss';

src/components/RightSidebar/Participants/ParticipantsList/Participant/LoadingParticipant.vue

@@ -36,8 +36,8 @@ export default {
 
 <style lang="scss" scoped>
 .participant-loading {
-	$icon-size: 32px;
-	height: 44px;
+	$icon-size: 44px;
+	height: 56px;
 	list-style-type: none;
 	padding-left: 4px;
 	margin: 5px 0;

src/components/RightSidebar/Participants/ParticipantsList/Participant/Participant.vue

@@ -30,7 +30,7 @@
 		@click="handleClick">
 		<AvatarWrapper
 			:id="computedId"
-			size="44"
+			:size="44"
 			:name="computedName"
 			:source="participant.source"
 			:offline="isOffline" />
@@ -295,7 +295,8 @@ export default {
 	padding: 0 4px;
 
 	&__user-wrapper {
-		margin-left: 24px;
+		margin-top: -4px;
+		margin-left: 12px;
 		width: calc(100% - 96px);
 		display: flex;
 		flex-direction: column;
@@ -320,7 +321,7 @@ export default {
 		white-space: nowrap;
 	}
 	&__icon {
-		width: 32px;
+		width: 44px;
 		height: 44px;
 		cursor: pointer;
 	}