Anpassung für kleine Bildschirme, Bugfixes

src/scss/wordRotator.scss

@@ -67,6 +67,10 @@ $coinTowerDimension: 28px;
   display: inline-block;
   position: relative;
   font-size: 1.6rem;
+  @include breakpoint(small down) {
+    font-size: 1rem;
+  }
+
   :after {
     background-image: url('../img/coinTower.png');
     background-size: $coinTowerDimension $coinTowerDimension;
@@ -78,13 +82,18 @@ $coinTowerDimension: 28px;
 }
 
 #coin-container {
-  height: 30px;
+  line-height: 1;
   .coin {
     margin-left: 3px;
     margin-right: 3px;
-    //height: 30px;
-    max-width: 30px;
+    max-width: 20px;
     display: inline-block;
+    @include breakpoint(smedium) {
+      max-width: 25px;
+    }
+    @include breakpoint(medium) {
+      max-width: 30px;
+    }
   }
 }
 
@@ -317,4 +326,19 @@ $animationDuration: .25s;
 
 #continue-button {
   margin-bottom: 2px;
+  @include breakpoint(small down) {
+    margin-bottom: 0;
+    padding: 0.3em .6em;
+  }
 }
+
+#help-button {
+  margin: 0;
+  @include breakpoint(smedium down) {
+    padding: 0.4em 0.6em;
+  }
+}
+
+body{
+  overscroll-behavior: contain;
+}