posts: narrower feed on mobile

1 files changed, 6 insertions, 2 deletions

diff --git a/_includes/jekyll-theme/posts/header.html b/_includes/jekyll-theme/posts/header.html
index d170ae9..4d648e7 100644
--- a/_includes/jekyll-theme/posts/header.html
+++ b/_includes/jekyll-theme/posts/header.html
@@ -1,11 +1,15 @@
 {% assign header_date = null %}
 {% if include.date %}
-  {% capture header_date %}{%- include jekyll-theme/posts/date.html date=include.date monospace=true -%}{% endcapture %}
+  {% capture header_date %}<p>{%- include jekyll-theme/posts/date.html date=include.date monospace=true -%}</p>{% endcapture %}
 {% endif %}
 
 {% assign header_category = null %}
 {% if include.category %}
-  {% capture header_category %}{%- include jekyll-theme/categories/label.html category=include.category monospace=true -%}{% endcapture %}
+  {% capture header_category %}
+    <p class="hide-on-mobile">
+      {%- include jekyll-theme/categories/label.html category=include.category monospace=true -%}
+    </p>
+  {% endcapture %}
 {% endif %}
 
 {% capture header_title %}<h5 class="text-monospace">{{ include.title }}</h5>{% endcapture %}