From 8d99d75faab28a86c27bb74afc1cd912af6ce8f7 Mon Sep 17 00:00:00 2001
From: "Shaun Lawrie (via GitHub Actions)" <shaun.r.lawrie@gmail.com>
Date: Wed, 20 Mar 2024 23:06:25 +1300
Subject: [PATCH] Fix ios font rendering issue

---
 .../src/components/TerminalPreview.astro                 | 2 +-
 PwshSpectreConsole.Docs/src/tailwind.css                 | 9 +++++++--
 PwshSpectreConsole/public/demo/Start-SpectreDemo.ps1     | 2 +-
 .../progress/Invoke-SpectreCommandWithProgress.ps1       | 2 +-
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/PwshSpectreConsole.Docs/src/components/TerminalPreview.astro b/PwshSpectreConsole.Docs/src/components/TerminalPreview.astro
index 0c9d8ea2..96179cc9 100644
--- a/PwshSpectreConsole.Docs/src/components/TerminalPreview.astro
+++ b/PwshSpectreConsole.Docs/src/components/TerminalPreview.astro
@@ -2,7 +2,7 @@
 const { speed } = Astro.props;
 ---
 
-<animated-terminal class="mt-0" data-speed={speed}>
+<animated-terminal class="animated-terminal mt-0" data-speed={speed}>
 
     <div class="mt-6 overflow-hidden" data-terminal-frame>
         <pre class="font-mono bg-slate-50 dark:bg-slate-950">
diff --git a/PwshSpectreConsole.Docs/src/tailwind.css b/PwshSpectreConsole.Docs/src/tailwind.css
index fe52ca03..7025ec1b 100644
--- a/PwshSpectreConsole.Docs/src/tailwind.css
+++ b/PwshSpectreConsole.Docs/src/tailwind.css
@@ -23,13 +23,13 @@
   
 }
 
-@media (max-width: 35em) {
+@media (max-width: 45em) {
   h1 {
     font-size: x-large;
   }
 
   .astro-code, .astro-code span {
-    font-size: x-small;
+    font-size: xx-small;
     line-height: 0.7rem;
   }
   
@@ -37,11 +37,16 @@
     font-size: x-small;
     line-height: 0.7rem;
   }
+
+  .animated-terminal div pre {
+    font-size: x-small;
+  }
 }
 
 div.asciinema-player-theme-spectre {
   border: solid 1px var(--sl-color-gray-5);
   border-radius: 0!important;
+  font-synthesis: none;
 
   --term-color-foreground: #eceff4;
   --term-color-background: #020617;
diff --git a/PwshSpectreConsole/public/demo/Start-SpectreDemo.ps1 b/PwshSpectreConsole/public/demo/Start-SpectreDemo.ps1
index 3a046efe..61a3da84 100644
--- a/PwshSpectreConsole/public/demo/Start-SpectreDemo.ps1
+++ b/PwshSpectreConsole/public/demo/Start-SpectreDemo.ps1
@@ -248,7 +248,7 @@ Invoke-SpectreCommandWithProgress -ScriptBlock {
     param (
         $ctx
     )
-    $task1 = $ctx.AddTask("Completing a four stage process")
+    $task1 = $ctx.AddTask("A 4-stage process")
     Start-Sleep -Seconds 1
     $task1.Increment(25)
     Start-Sleep -Seconds 1
diff --git a/PwshSpectreConsole/public/progress/Invoke-SpectreCommandWithProgress.ps1 b/PwshSpectreConsole/public/progress/Invoke-SpectreCommandWithProgress.ps1
index 9e169718..242621f0 100644
--- a/PwshSpectreConsole/public/progress/Invoke-SpectreCommandWithProgress.ps1
+++ b/PwshSpectreConsole/public/progress/Invoke-SpectreCommandWithProgress.ps1
@@ -15,7 +15,7 @@ function Invoke-SpectreCommandWithProgress {
         param (
             $Context
         )
-        $task1 = $Context.AddTask("Completing a four stage process")
+        $task1 = $Context.AddTask("A 4-stage process")
         Start-Sleep -Seconds 1
         $task1.Increment(25)
         Start-Sleep -Seconds 1