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 {
61}61}
6262
63.welcomeRecent .recentChatList {63.welcomeRecent .recentChatList {
64 flex: 1;
65 display: flex;64 display: flex;
66 flex-direction: column;65 flex-direction: column;
67 width: 100%;66 width: 100%;
@@ -100,6 +99,7 @@ body.bubblechat .welcomePanel {
10099
101.welcomeRecent .recentChatList .recentChat .avatar {100.welcomeRecent .recentChatList .recentChat .avatar {
102 flex: 0;101 flex: 0;
102 align-self: center;
103}103}
104104
105.welcomeRecent .recentChatList .recentChat:hover {105.welcomeRecent .recentChatList .recentChat:hover {
@@ -113,6 +113,7 @@ body.bubblechat .welcomePanel {
113 flex-grow: 1;113 flex-grow: 1;
114 overflow: hidden;114 overflow: hidden;
115 justify-content: center;115 justify-content: center;
116 align-self: flex-start;
116}117}
117118
118.welcomeRecent .recentChatList .recentChat .chatNameContainer {119.welcomeRecent .recentChatList .recentChat .chatNameContainer {
@@ -156,6 +157,7 @@ body.big-avatars .welcomeRecent .recentChatList .recentChat .chatMessageContaine
156 flex-direction: row;157 flex-direction: row;
157 justify-content: flex-end;158 justify-content: flex-end;
158 align-items: baseline;159 align-items: baseline;
160 align-self: flex-start;
159 gap: 5px;161 gap: 5px;
160}162}
161163