Limited length of name / location in placegrid. Added padding.
This commit is contained in:
parent
e63601955e
commit
565c58019b
@ -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;
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user