feat: Better home cards, show total view count of pages

1 files changed, 13 insertions, 3 deletions

diff --git a/views/styles.css b/views/styles.css
index 07564ea..3817e0e 100644
--- a/views/styles.css
+++ b/views/styles.css
@@ -12,7 +12,8 @@
   --blue: #add8e6;
   --cherry: #c26979;
 
-  --card-expand-with: 6em;
+  --card-height: 7em;
+  --card-expand-with: 2.5em;
 }
 
 /* Global */
@@ -240,7 +241,7 @@ hr.new-section {
   background-image: url(/img/paper.jpg);
   background-repeat: repeat;
 
-  height: 8.5em;
+  height: var(--card-height);
   overflow: hidden;
   mask-image: linear-gradient(
     to top,
@@ -261,9 +262,13 @@ hr.new-section {
   pointer-events: none;
 }
 
+.card strong:not(:first-of-type) {
+  margin-left: 1em;
+}
+
 .card:hover {
   cursor: pointer;
-  height: calc(8.5em + var(--card-expand-with));
+  height: calc(var(--card-height) + var(--card-expand-with));
 }
 
 .card > .quickinfo {
@@ -272,6 +277,11 @@ hr.new-section {
   border-bottom: 3px dotted #909090;
 }
 
+.card > .title {
+  font-size: 1.2em;
+  margin-bottom: 0.5em;
+}
+
 .card > .title img {
   vertical-align: middle;
   height: 2em;