Lots of spacing adjustments so that the new entry layout doesn't suck on mobile

This commit is contained in:
Danielle McLean 2018-06-28 12:25:22 +10:00
parent cf0264b5a6
commit 0d1d102f47
Signed by: 00dani
GPG Key ID: 8EB789DDF3ABD240
3 changed files with 5 additions and 7 deletions

View File

@ -37,14 +37,12 @@
{% for c in entry.cats.all() %} {% for c in entry.cats.all() %}
{{i}}<a class="p-category card-link" href="{{ c.url }}"> {{i}}<a class="p-category card-link" href="{{ c.url }}">
{{i}}<i class="fas fa-paw" aria-hidden="true"></i> {{i}}<i class="fas fa-paw" aria-hidden="true"></i>&nbsp;{{ c.name }}
{{i}}{{ c.name }}
{{i}}</a> {{i}}</a>
{% endfor %} {% endfor %}
{% for s in entry.syndications.all() %} {% for s in entry.syndications.all() %}
{{i}}<a class="u-syndication card-link" href="{{ s.url }}"> {{i}}<a class="u-syndication card-link" href="{{ s.url }}">
{{i}}<i class="{{ s.profile.site.icon }}" aria-hidden="true"></i> {{i}}<i class="{{ s.profile.site.icon }}" aria-hidden="true"></i>&nbsp;{{ s.profile }}
{{i}}{{ s.profile }}
{{i}}</a> {{i}}</a>
{% endfor %} {% endfor %}
{{i}}</div> {{i}}</div>

View File

@ -17,7 +17,8 @@ ol.entries, div.entry
align-items flex-start align-items flex-start
font-size 0.8rem font-size 0.8rem
margin-right 0.4rem margin-right 0.4rem
width 7rem flex-basis 7rem
max-width 10%
a.p-author a.p-author
align-self center align-self center
@ -51,4 +52,3 @@ ol.entries, div.entry
margin-bottom 0 margin-bottom 0
.card-link .card-link
font-size 0.8rem font-size 0.8rem
white-space nowrap

View File

@ -68,7 +68,7 @@ body
> main > main
padding 2rem padding 2rem 1rem
width 100% width 100%
flex 1 flex 1
display flex display flex