From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Mon, 20 Dec 2021 14:13:23 +0000 (+0100)
Subject: wait #4962 @0.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=6a4ef5c8488e0ffc5a7c4c114cdc14e439dce239;p=fluidbook-html5.git

wait #4962 @0.5
---

diff --git a/images/symbols/interface.svg b/images/symbols/interface.svg
index 686567f0..0c4ca778 100644
--- a/images/symbols/interface.svg
+++ b/images/symbols/interface.svg
@@ -373,13 +373,13 @@
     <symbol id="chevron-bold" viewBox="0 0 2.5 3.5">
         <polygon points="0.7,0 2.5,1.8 0.7,3.5 0,2.8 1.1,1.8 0,0.7"/>
     </symbol>
-    <symbol id="audioplayer-play" viewBox="0 0 18 18">
-        <path d="M16,8.6c0.3,0.2,0.3,0.7,0,0.9l-6.7,3.8l-6.7,3.8c-0.3,0.2-0.8,0-0.8-0.4V9V1.5c0-0.4,0.4-0.6,0.8-0.4l6.7,3.8L16,8.6z"/>
+    <symbol id="audioplayer-play" viewBox="0 0 60 60">
+        <path d="M43.3,29.1L23.7,17.9c-0.7-0.4-1.5,0.1-1.5,0.9v22.5c0,0.8,0.8,1.3,1.5,0.9l19.5-11.3
+		C43.9,30.5,43.9,29.5,43.3,29.1z"/>
     </symbol>
-    <symbol id="audioplayer-pause" viewBox="0 0 22 20">
-        <path d="M20.5,7.3h-19C1.2,7.3,0.9,7,0.9,6.7v-5c0-0.3,0.3-0.6,0.6-0.6h19c0.3,0,0.6,0.3,0.6,0.6v5
-		C21.1,7,20.8,7.3,20.5,7.3z"/>
-        <path d="M20.5,18.9h-19c-0.3,0-0.6-0.3-0.6-0.6v-5c0-0.3,0.3-0.6,0.6-0.6h19c0.3,0,0.6,0.3,0.6,0.6v5
-		C21.1,18.7,20.8,18.9,20.5,18.9z"/>
+    <symbol id="audioplayer-pause" viewBox="0 0 60 60">
+        <path d="M26,19.2h-5c-0.6,0-1,0.4-1,1v19.5c0,0.6,0.4,1,1,1h5c0.6,0,1-0.4,1-1V20.2C27,19.8,26.6,19.2,26,19.2z"/>
+        <path d="M39,19.2h-5c-0.6,0-1,0.4-1,1v19.5c0,0.6,0.4,1,1,1h5c0.6,0,1-0.4,1-1V20.2C40,19.8,39.6,19.2,39,19.2z"/>
     </symbol>
+
 </svg>
diff --git a/style/audioplayer.less b/style/audioplayer.less
index dd0af9da..64cb3e6e 100644
--- a/style/audioplayer.less
+++ b/style/audioplayer.less
@@ -21,7 +21,6 @@ audio {
 
           &.pause {
             display: block;
-            transform: rotate(90deg);
           }
         }
       }
@@ -29,16 +28,13 @@ audio {
       .icon {
         position: absolute;
         top: 0;
-        left: 2px;
+        left: 0;
         width: 100%;
         height: 100%;
         color: @audioplayer-icon-color;
-        padding: 30%;
 
         &.pause {
           display: none;
-          left: 0;
-          padding: 32%;
         }
       }