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

pull/1/head
Danielle McLean 4 years ago
parent cf0264b5a6
commit 0d1d102f47
Signed by: 00dani
GPG Key ID: 8EB789DDF3ABD240
  1. 6
      entries/jinja2/entries/h-entry.html
  2. 4
      entries/static/entries/css/h-entry.styl
  3. 2
      lemoncurry/static/lemoncurry/css/layout.styl

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

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

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

Loading…
Cancel
Save