From 0e0a695e8133a0b167208d4bb65e6efb357f373a Mon Sep 17 00:00:00 2001
From: Danila <O4epegb@mail.ru>
Date: Tue, 25 Aug 2020 18:09:39 +0300
Subject: [PATCH] Fix multiline hint text cropping (#2079)

Co-authored-by: Lipis <lipiridis@gmail.com>
---
 src/components/HintViewer.scss | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/HintViewer.scss b/src/components/HintViewer.scss
index 7d37deec..3347f775 100644
--- a/src/components/HintViewer.scss
+++ b/src/components/HintViewer.scss
@@ -8,17 +8,15 @@
   position: absolute;
   top: 54px;
   transform: translateX(calc(-50% - 16px)); /* 16px is half of lock icon */
+  padding: 0.2rem 0.4rem;
   white-space: pre;
   text-align: center;
+  background-color: var(--overlay-background-color);
+  border-radius: 4px;
+
   @media #{$media-query} {
     position: static;
     transform: none;
     margin-top: 0.5rem;
   }
-
-  > span {
-    background-color: var(--overlay-background-color);
-    padding: 0.2rem 0.4rem;
-    border-radius: 3px;
-  }
 }