From 0c5fbd899347c058d214ce36e3ea1f96368af67b Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Thu, 23 Jul 2020 21:27:38 -0400
Subject: [PATCH] Fix icon alignment

---
 src/components/Statblock.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/Statblock.vue b/src/components/Statblock.vue
index 39f668d..9765660 100644
--- a/src/components/Statblock.vue
+++ b/src/components/Statblock.vue
@@ -154,10 +154,14 @@ a {
   display: flex;
   flex-direction: column;
   justify-content: space-evenly;
+  align-items: center;
   user-select: none;
+  text-align: center;
 }
 
 .stat-value {
+  position: absolute;
+  transform: translate(0, 8pt);
   padding-top: 4pt;
   padding-bottom: 4pt;
 }
@@ -191,9 +195,12 @@ a {
   color: #bbb;
 }
 
-.stat-entry i {
-  font-size: 150%;
+.stat-entry > i {
+  font-size: 16pt;
+  width: 16pt;
+  margin-bottom: 18pt;
 }
+
 .stat-entry.low {
   color: yellow;
 }