Reverted large pause button

src/js/controls.js

@@ -219,12 +219,9 @@ const controls = {
 
             case 'play-large':
                 attributes.class += ` ${this.config.classNames.control}--overlaid`;
-                toggle = true;
                 type = 'play';
                 label = 'play';
-                labelPressed = 'pause';
                 icon = 'play';
-                iconPressed = 'pause';
                 break;
 
             default:

src/sass/components/control.scss

@@ -81,11 +81,10 @@
     transform: translate(-50%, -50%);
     z-index: 2;
 
+    // Offset icon to make the play button look right
     svg {
-        height: $plyr-control-icon-size-large;
+        left: 2px;
-        left: 2px; // Offset to make the play button look right
         position: relative;
-        width: $plyr-control-icon-size-large;
     }
 
     &:hover,
@@ -94,7 +93,7 @@
     }
 }
 
-.plyr--hide-controls .plyr__control--overlaid {
+.plyr--playing .plyr__control--overlaid {
     opacity: 0;
     visibility: hidden;
 }

src/sass/settings/controls.scss

@@ -3,7 +3,6 @@
 // ==========================================================================
 
 $plyr-control-icon-size: 18px !default;
-$plyr-control-icon-size-large: 20px !default;
 $plyr-control-spacing: 10px !default;
 $plyr-control-padding: ($plyr-control-spacing * 0.7) !default;
 $plyr-control-radius: 3px !default;