From 27abf816f5df93471e6eca93e0ca883b54d37b38 Mon Sep 17 00:00:00 2001
From: Robin <robin@robin.town>
Date: Mon, 22 Jun 2026 12:12:54 +0200
Subject: [PATCH] Fix vertical alignment of ringing status icons on Chromium
 and Safari

---
 src/AppBar.module.css         | 2 +-
 src/tile/MediaView.module.css | 6 +-----
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/AppBar.module.css b/src/AppBar.module.css
index 95381428a..b36a26239 100644
--- a/src/AppBar.module.css
+++ b/src/AppBar.module.css
@@ -84,7 +84,7 @@
     margin-inline-end: var(--cpd-space-2x);
     block-size: 1.2em;
     inline-size: 1.2em;
-    vertical-align: center;
+    vertical-align: text-bottom;
   }
 }
 
diff --git a/src/tile/MediaView.module.css b/src/tile/MediaView.module.css
index 734326352..51d76c0d8 100644
--- a/src/tile/MediaView.module.css
+++ b/src/tile/MediaView.module.css
@@ -126,13 +126,9 @@ unconditionally select the container so we can use cqmin units */
   margin-block-start: calc(var(--cpd-space-3x) - var(--fg-inset));
   margin-inline-start: calc(var(--cpd-space-4x) - var(--fg-inset));
 
-  span {
-    vertical-align: center;
-  }
-
   svg {
     color: var(--cpd-color-icon-tertiary);
-    vertical-align: center;
+    vertical-align: text-bottom;
     margin-inline-end: 3px;
     block-size: 1.2em;
     inline-size: 1.2em;