Switch data representation to definition list

Thank the author of the blog post [1] that helped me writing the CSS

[1]: https://www.the-art-of-web.com/css/format-dl/

1 files changed, 18 insertions, 0 deletions

diff --git a/static/css/custom.css b/static/css/custom.css
index 4dcae15..8c00949 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -78,3 +78,21 @@ div.content h3::before {
   content: '### ';
   color: gray;
 }
+
+/* Book data format */
+
+dl.book-data {
+  border: 3px double #ccc;
+  padding: 0.5em;
+}
+dl.book-data dt {
+  float: left;
+  clear: left;
+  width: 100px;
+  text-align: right;
+  font-weight: bold;
+}
+dl.book-data dd {
+  margin: 0 0 0 110px;
+  padding: 0 0 0.5em 0;
+}