tweak style of profile page

This commit is contained in:
Nolan Lawson 2018-01-28 00:49:51 -08:00
parent 4620a79b17
commit 5e7438cb52
1 changed files with 3 additions and 1 deletions

View File

@ -47,7 +47,7 @@
display: grid; display: grid;
grid-template-areas: "avatar name following follow" grid-template-areas: "avatar name following follow"
"avatar note note note"; "avatar note note note";
grid-template-columns: min-content min-content 1fr min-content; grid-template-columns: min-content auto 1fr min-content;
grid-column-gap: 10px; grid-column-gap: 10px;
grid-row-gap: 2px; grid-row-gap: 2px;
padding: 10px; padding: 10px;
@ -84,6 +84,7 @@
background: rgba(30, 30, 30, 0.2); background: rgba(30, 30, 30, 0.2);
border-radius: 4px; border-radius: 4px;
padding: 3px 5px; padding: 3px 5px;
white-space: nowrap;
} }
.account-profile-avatar { .account-profile-avatar {
grid-area: avatar; grid-area: avatar;
@ -110,6 +111,7 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
min-width: 0;
} }
.account-profile-note { .account-profile-note {
grid-area: note; grid-area: note;