Adjust element alignments

e80c36c242664b67585a38aa448da4f1b5add8a1

Cohee <18619528+Cohee1207@users.noreply.github.com>

Parents: 9be173e34e9ca3c379d4079f65d08d21f3464324
1 files changed, +3 -1Ignore whitespace
public/css/welcome.css+3 -1
@@ -61,7 +61,6 @@ body.bubblechat .welcomePanel {
6161}
6262
6363.welcomeRecent .recentChatList {
64- flex: 1;
6564 display: flex;
6665 flex-direction: column;
6766 width: 100%;
@@ -100,6 +99,7 @@ body.bubblechat .welcomePanel {
10099
101100.welcomeRecent .recentChatList .recentChat .avatar {
102101 flex: 0;
102+ align-self: center;
103103}
104104
105105.welcomeRecent .recentChatList .recentChat:hover {
@@ -113,6 +113,7 @@ body.bubblechat .welcomePanel {
113113 flex-grow: 1;
114114 overflow: hidden;
115115 justify-content: center;
116+ align-self: flex-start;
116117}
117118
118119.welcomeRecent .recentChatList .recentChat .chatNameContainer {
@@ -156,6 +157,7 @@ body.big-avatars .welcomeRecent .recentChatList .recentChat .chatMessageContaine
156157 flex-direction: row;
157158 justify-content: flex-end;
158159 align-items: baseline;
160+ align-self: flex-start;
159161 gap: 5px;
160162}
161163