Fix smaller styling issues

* Add space between list of topics in blog post header.
* Do not break layout with lis on smaller devices.
This commit is contained in:
Daniel Siepmann 2020-01-10 19:39:25 +01:00
parent 73fdd81e7a
commit 6d4961792b
2 changed files with 10 additions and 4 deletions

View file

@ -36,9 +36,9 @@
topicUid: topic.data.uid
}"
>
{topic.data.title}{f:if(condition: '!{i.isLast}', then: ',')}
</f:render>
</f:spaceless></f:for></p>
{topic.data.title}
</f:render></f:spaceless>{f:if(condition: '!{i.isLast}', then: ',')}
</f:for></p>
</f:if>
</f:section>

View file

@ -95,7 +95,6 @@ aside {
li {
margin-right: $spacer;
line-height: $spacer * 2;
white-space: nowrap;
}
nav li {
@ -111,6 +110,13 @@ aside {
}
}
}
@media (max-width: 768px) {
body > main > aside {
nav li {
display: block;
}
}
}
// Make main text on pages and blog posts readable