From fc97372e28e2035fe892b23ec1f070eac54a42e4 Mon Sep 17 00:00:00 2001
From: willerbee <wagulo@gmail.com>
Date: Fri, 25 Sep 2020 16:26:55 +0800
Subject: [PATCH] Update .incorrect positioning, add hint css

---
 public/css/style.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/public/css/style.scss b/public/css/style.scss
index daad6dd4f..d1773cfab 100644
--- a/public/css/style.scss
+++ b/public/css/style.scss
@@ -1686,6 +1686,19 @@ key {
 
 .word letter.incorrect {
   color: var(--error-color);
+  position:relative;
+}
+
+.word letter.incorrect hint {
+  position: absolute;
+  bottom: -1.2em;
+  color: var(--text-color);
+  line-height: 1em;
+  font-size: .8em;
+  text-shadow: none;
+  padding: 1px;
+  left: 0;
+  opacity: .5;
 }
 
 .word letter.incorrect.extra {