From a3faccbaeb9150bb801870500f0c0ca2c2426ace Mon Sep 17 00:00:00 2001
From: Siphalor <info@siphalor.de>
Date: Tue, 4 May 2021 13:38:58 +0200
Subject: [PATCH] Adjust item excerpts

---
 _sass/klise/_layout.scss           | 11 +++++++++++
 _sass/klise/_post.scss             |  1 +
 collections/_mods/mouse-wheelie.md |  2 +-
 modding.html                       |  9 ++++++++-
 4 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/_sass/klise/_layout.scss b/_sass/klise/_layout.scss
index e052828..3d2f18b 100644
--- a/_sass/klise/_layout.scss
+++ b/_sass/klise/_layout.scss
@@ -247,6 +247,8 @@
   }
 
   .post-item-title {
+    flex-basis: max-content;
+    flex-grow: 1;
     margin: 0;
     border: 0;
     padding: 0;
@@ -263,6 +265,15 @@
       }
     }
   }
+
+  .post-item-excerpt {
+    flex-basis: min-content;
+    flex-grow: 4;
+
+    text-align: justify;
+    line-height: 1.3;
+    color: $gray;
+  }
 }
 
 // Footer
diff --git a/_sass/klise/_post.scss b/_sass/klise/_post.scss
index d4f8172..95f14fd 100644
--- a/_sass/klise/_post.scss
+++ b/_sass/klise/_post.scss
@@ -50,6 +50,7 @@
 
 // Post meta
 .post-meta {
+  text-align: justify;
   padding-top: 3px;
   line-height: 1.3;
   color: $gray;
diff --git a/collections/_mods/mouse-wheelie.md b/collections/_mods/mouse-wheelie.md
index e5d82b0..17bfd1d 100644
--- a/collections/_mods/mouse-wheelie.md
+++ b/collections/_mods/mouse-wheelie.md
@@ -3,6 +3,6 @@ name: Mouse Wheelie
 slug: mouse-wheelie
 curseforge: mouse-wheelie
 modrinth: mouse-wheelie
-excerpt: A mod extending the mouse wheel and inventory interactions.
+excerpt: A mod extending the mouse wheel and inventory interactions &mdash; e.g. scrolling, refilling and sorting.
 ---
 
diff --git a/modding.html b/modding.html
index e4646b5..79585f9 100644
--- a/modding.html
+++ b/modding.html
@@ -10,14 +10,21 @@ comments: false
 
 <h1>My mods</h1>
 
+<div>
 {%- for mod in site.mods -%}
 <article class="post-item">
 	<h3 class="post-item-title">
-		<a href="{{ mod.url }}">{{ mod.name }}</a>
+		<a href="{{ mod.url }}">
+			{{ mod.name }}
+		</a>
 	</h3>
+	<div class="post-item-excerpt">
+		{{ mod.excerpt }}
+	</div>
 </article>
 {%- else -%}
 <div style="text-align:center">
 	No mods to see here yet.
 </div>
 {%- endfor -%}
+</div>