Make the button always stick to bottom of box (#206)
diff --git a/landing-pages/site/assets/scss/_list-boxes.scss b/landing-pages/site/assets/scss/_list-boxes.scss
index a83f918..70118c5 100644
--- a/landing-pages/site/assets/scss/_list-boxes.scss
+++ b/landing-pages/site/assets/scss/_list-boxes.scss
@@ -73,6 +73,10 @@
align-items: center;
&__blogpost {
+ display: flex;
+ flex-direction: column;
+ flex: 1;
+
padding: 0 20px;
&--metadata {
diff --git a/landing-pages/site/layouts/partials/boxes/blogpost.html b/landing-pages/site/layouts/partials/boxes/blogpost.html
index c3e93f4..f17e94e 100644
--- a/landing-pages/site/layouts/partials/boxes/blogpost.html
+++ b/landing-pages/site/layouts/partials/boxes/blogpost.html
@@ -22,9 +22,9 @@
<div class="box-event__blogpost--metadata">
<div class="tags-container">
{{ range $tag := .Params.tags }}
- {{ with $.Site.GetPage (printf "/tags/%s" $tag) }}
- <a class="tag" href="{{ .Permalink }}">{{ humanize $tag }}</a>
- {{ end }}
+ {{ with $.Site.GetPage (printf "/tags/%s" $tag) }}
+ <a class="tag" href="{{ .Permalink }}">{{ humanize $tag }}</a>
+ {{ end }}
{{ end }}
</div>
<span class="bodytext__medium--brownish-grey box-event__blogpost--date">{{ .Date.Format "Mon, Jan 2, 2006" }}</span>
@@ -32,8 +32,10 @@
<p class="box-event__blogpost--header">{{ .Params.title }}</p>
<p class="box-event__blogpost--author">{{ .Params.author }}</p>
<p class="box-event__blogpost--description">{{ .Params.description }}</p>
- <a href="{{ .RelPermalink }}">
- {{ partial "buttons/button-hollow" (dict "text" "Read more") }}
- </a>
+ <div class="mt-auto">
+ <a href="{{ .RelPermalink }}">
+ {{ partial "buttons/button-hollow" (dict "text" "Read more") }}
+ </a>
+ </div>
</div>
</div>