Limited length of name / location in placegrid. Added padding.

This commit is contained in:
Marcus Scholz 2020-08-05 20:44:31 +02:00
parent e63601955e
commit 565c58019b
2 changed files with 5 additions and 6 deletions

View File

@ -179,7 +179,9 @@ body {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 10px; }
padding: 5px;
padding-bottom: 10px;
padding-top: 10px; }
.LP-PlaceTeaser .LP-PlaceTeaser__Meta .LP-Paragraph {
font-family: Montserrat, Helvetica, sans-serif;
padding: 0;

View File

@ -18,15 +18,12 @@
<div class="LP-PlaceTeaser__Meta">
<div class="LP-PlaceTeaser__Info">
<span class="LP-PlaceTeaser__Title">
<h1 class="LP-Headline LP-Headline--teaser">{{place.name}}</h1>
<h1 class="LP-Headline LP-Headline--teaser">{{place.name|truncatechars:19}}</h1>
</span>
<span class="LP-PlaceTeaser__Detail">
<p class="LP-Paragraph">{{place.location}}</p>
<p class="LP-Paragraph">{{place.location|truncatechars:25}}</p>
</span>
</div>
<div class="LP-PlaceTeaser__Description">
<p class="LP-Paragraph">{{place.description}}</p>
</div>
<div class="LP-PlaceTeaser__Icons">
<ul class="LP-Icon__List">
<li class="LP-Icon__Item"><img class="LP-Icon" src="{% static '/icons/favourite.svg' %}" /></li>