Made adjustments to the topic list styling, fixes #76.

This commit is contained in:
flash 2018-12-16 21:05:27 +01:00
parent aae29d0d2c
commit 3294cdbf5b

View file

@ -69,13 +69,18 @@
justify-content: center;
flex-direction: column;
line-height: 1.5em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@media (max-width: @site-mobile-width) {
max-width: 70%;
}
}
&__title {
font-size: 1.3em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
&__info {
@ -98,6 +103,7 @@
border-left-width: 0;
align-self: flex-start;
align-items: flex-end;
flex: 1 1 auto;
}
}
@ -138,6 +144,7 @@
@media (max-width: @site-mobile-width) {
margin: 1px 4px 0;
flex-direction: row;
justify-content: space-between;
}
}
@ -153,11 +160,6 @@
&:hover {
text-decoration: underline;
}
@media (max-width: @site-mobile-width) {
flex: 1 1 auto;
text-align: left;
}
}
}