From c44669f368ddf38e8447b398c005180db68eaff1 Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Tue, 20 Feb 2024 16:51:58 +0000
Subject: [PATCH] Avoid aspect-ratio for older browsers

We've seen Edge/Safari that are otherwise viable hit this.
---
 src/simulator.html | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/simulator.html b/src/simulator.html
index 263e8687..32600326 100644
--- a/src/simulator.html
+++ b/src/simulator.html
@@ -20,20 +20,23 @@
         display: none;
         align-items: center;
         justify-content: center;
-        width: 25%;
+        /* Avoiding aspect-ratio for older Safari */
+        position: relative;
+        width: 11.5%;
+        padding: 11.5%;
         margin-top: 6%;
         border-radius: 50%;
         background-color: #f5f6f8;
         border: 3px solid;
         cursor: pointer;
-        aspect-ratio: 1/1;
       }
       .play-button:focus {
         box-shadow: 0 0 0 3px #4d90fe;
       }
       .play-button svg {
-        width: 50%;
-        height: 50%;
+        position: absolute;
+        width: 47%;
+        height: 47%;
       }
       .play-button-container {
         position: absolute;