übertrag zum PC

src/scss/_wordrotatorTheme.scss

@@ -26,7 +26,7 @@
       background-color:#{map-get($theme, themeColor)} !important;
     }
   }
-  .segment:not(.segment-row):not(.segment-triangle):not(.rotating) {
+  .segment:not(.segment-row):not(.segment-triangle) {
     @for $i from 1 through length($rotationDegrees) {
       &.rotate-#{nth($rotationDegrees, $i)} {
         background-color: #{map-get($theme, background)};;
@@ -41,7 +41,7 @@
               }
 
               &.rotate-#{nth($rotationDegrees, $j)} {
-                background-color: #{map-get($theme, background)};;
+                background-color: #{map-get($theme, background)};
               }
             }
           }
@@ -51,7 +51,6 @@
   }
 }
 
-
 body {
   @each $theme, $values in $themes {
     @if (map-get($values, class) == '') {

src/scss/wordRotator.scss

@@ -99,7 +99,6 @@ $coinTowerDimension: 28px;
 
 //Segments
 
-
 @for $i from 1 through length($rotationDegrees) {
   $startDegree: ((nth($rotationDegrees, $i)+270)%360);
 
@@ -317,33 +316,40 @@ $coinTowerDimension: 28px;
 #continue-button {
   margin-bottom: 2px;
   @include breakpoint(small down) {
-  margin-bottom: 0;
+    margin-bottom: 0;
     padding: 0.3em .6em;
   }
 }
-#play-button{
-  @include breakpoint(small down){
+
+#play-button {
+  @include breakpoint(small down) {
     margin-bottom: 2px;
   }
 }
 
 #help-button {
   margin: 0;
+  padding: 0.4em 0.4em;
+  max-width: 3em;
   @include breakpoint(smedium down) {
-    padding: 0.4em 0.6em;
+    padding: 0.2em 0.2em;
+    max-width: 2em;
   }
 }
-.line-height-1{
-  line-height:1;
+
+.line-height-1 {
+  line-height: 1;
 }
-body{
+
+body {
   overscroll-behavior: contain;
 }
-#site-content{
+
+#site-content {
   overflow: hidden;
 }
 
-#img-sound:before{
+#img-sound:before {
   content: "";
   max-width: 1.4em;
   background: url('../img/speaker.svg')