LineNumberSegment angepasst

src/module/Application/pwa/public/html/application/menu.html

@@ -14,7 +14,7 @@
         <div class='child-container'></div>
     </div>
 
-    <div class='height-60 max-width flex-center relative'>
+    <div class='height-60 max-width flex-center relative-level-number'>
         <div id='level'></div>
         <span id='level-number-container' class='visible in-main-menu'>
             <span id='level-number'>1</span>

src/scss/wordRotator.scss

@@ -25,13 +25,20 @@ nav.top-bar.title-bar {
   }
 }
 
+.relative-level-number{
+  position: relative;
+  #level-number-container {
+    top: 50%;
+    transform: translate(-50%, -50%);
+  }
+}
+
 #level-number-container {
   z-index: 1;
   transition: none;
   position: absolute;
   left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
+  transform: translate(-50%);
   border: 3px solid white;
   border-radius: 50%;
   visibility: hidden;