From 1cdb4806d082945177f6da2e072ae4043bacf041 Mon Sep 17 00:00:00 2001
From: Felix Hamann <felix.hamann@campus.lmu.de>
Date: Sat, 7 Jul 2018 21:10:52 +0200
Subject: [PATCH] more beautiful definition-lists

---
 templates/default-layout.lucius | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/templates/default-layout.lucius b/templates/default-layout.lucius
index 3abf26a8f..f90806be1 100644
--- a/templates/default-layout.lucius
+++ b/templates/default-layout.lucius
@@ -435,22 +435,26 @@ input[type="button"].btn-info:hover,
 
 .deflist__dt {
   font-weight: 600;
-  font-size: 20px;
-
-  /* bad. avoid this. */
-  > a {
-    font-size: 16px;
-  }
 }
 
 .deflist__dd {
-  margin-bottom: 4px;
+  font-size: 18px;
+  margin-bottom: 10px;
 }
 
 @media (min-width: 768px) {
 
   .deflist {
-    grid-template-columns: max-content auto;
+    grid-template-columns: max-content minmax(auto, max-content);
+
+    .deflist {
+      margin-top: -10px;
+      margin-right: -15px;
+
+      .deflist__dd {
+        padding-right: 15px;
+      }
+    }
   }
 
   .deflist__dt,
@@ -458,6 +462,7 @@ input[type="button"].btn-info:hover,
     border-bottom: 1px solid #d3d3d3;
     padding: 12px 0;
     margin: 0;
+    font-size: 16px;
 
     &:last-of-type {
       border: 0;
@@ -465,7 +470,10 @@ input[type="button"].btn-info:hover,
   }
 
   .deflist__dt {
-    padding-right: 24px;
-    font-size: 16px;
+    padding-right: 50px;
+  }
+
+  .deflist__dd {
+    padding-right: 15px;
   }
 }