room list padding

master
f0x 6 years ago
parent b70449a788
commit 711c324f30

@ -216,12 +216,10 @@ body {
.roomListItem { .roomListItem {
height: 2rem + 2.5 * $spacing; height: 2rem + 2.5 * $spacing;
display: grid; display: grid;
grid-template-columns: 2rem + 2*$spacing - 0.2rem auto; grid-template-columns: 4.2rem auto;
align-items: center; align-items: center;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
//border-bottom: 1px solid lighten($bg1, 3);
padding: 1/4 * $spacing;
transition: 0.2s; transition: 0.2s;
&.active { &.active {
@ -242,11 +240,11 @@ body {
#avatar { #avatar {
box-sizing: border-box; box-sizing: border-box;
height: calc(100% - 6px); justify-self: center;
height: calc(100% - 0.5rem);
object-fit: cover; object-fit: cover;
border: 3px solid lighten($bg0, 10); border: 3px solid lighten($bg0, 10);
border-radius: 0.4rem; border-radius: 0.4rem;
margin: 3px;
} }
#name { #name {
@ -255,7 +253,7 @@ body {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
padding: $spacing; padding: $spacing;
padding-right: $spacing/4; padding-left: 0;
} }
} }
@ -308,7 +306,7 @@ body {
.col { .col {
grid-area: content; grid-area: content;
padding-left: $spacing/2; padding: 0 $spacing/2;
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
margin: 0; margin: 0;

Loading…
Cancel
Save