From 75d5209e5c9dc8c9c22a5a865f7c7f8166b282e6 Mon Sep 17 00:00:00 2001
From: Ngô Ngọc Đức Huy <huyngo@disroot.org>
Date: Mon, 16 Aug 2021 10:28:54 +0700
Subject: 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/
---
 static/css/custom.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

(limited to 'static')

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;
+}
-- 
cgit 1.4.1