From d802d24bfb434ad7afa48236c70cf0bc476cccd9 Mon Sep 17 00:00:00 2001
From: Miodec <bartnikjack@gmail.com>
Date: Thu, 5 Aug 2021 13:38:04 +0100
Subject: [PATCH] placed carets inside the words wrapper to make them invisible
 outside the words area

---
 src/sass/style.scss | 3 +++
 static/index.html   | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/sass/style.scss b/src/sass/style.scss
index e6d1eb940..abaca05f7 100644
--- a/src/sass/style.scss
+++ b/src/sass/style.scss
@@ -2447,6 +2447,9 @@ key {
 
 #middle {
   .pageTest {
+    #wordsWrapper {
+      position: relative;
+    }
     #memoryTimer {
       background: var(--main-color);
       color: var(--bg-color);
diff --git a/static/index.html b/static/index.html
index 066123204..e8141e4e5 100644
--- a/static/index.html
+++ b/static/index.html
@@ -1130,8 +1130,6 @@
               </div>
               <div id="memoryTimer">Time left to memorise all words: 0s</div>
               <div id="testModesNotice"></div>
-              <div id="caret" class="default size15"></div>
-              <div id="paceCaret" class="default size15 hidden"></div>
               <input id="wordsInput" class="" tabindex="0" autocomplete="off" />
               <div id="timerNumber" class="timerMain">
                 <div>60</div>
@@ -1147,6 +1145,8 @@
                 Click or press any key to focus
               </div>
               <div id="wordsWrapper">
+                <div id="paceCaret" class="default size15 hidden"></div>
+                <div id="caret" class="default size15"></div>
                 <div id="words" class="size15"></div>
               </div>
               <div class="keymap hidden">