From d072e2c1469d8f1a4f313eb22cdf5c9af06de1a0 Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <pablo@blender.org>
Date: Thu, 7 Jul 2022 12:19:00 +0200
Subject: [PATCH] UI: Style transition arrow tweaks

* Replace font-size with transform and inline-block display, this way the arrow
scales without making the line taller (which leads to misalignments or jumpy
UI when switching between transitional statuses.

* Do not use accent color, it gets lost with the surrounding colors in status names.
  If we need to make this transition more prominent, we can use a subtle animation.
---
 web/app/src/assets/base.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/app/src/assets/base.css b/web/app/src/assets/base.css
index ed9361eb..501a9bf7 100644
--- a/web/app/src/assets/base.css
+++ b/web/app/src/assets/base.css
@@ -465,9 +465,9 @@ footer.window-footer {
 }
 
 span.state-transition-arrow {
+  display: inline-block;
   font-weight: bold;
-  font-size: 110%;
-  color: var(--color-accent);
+  transform: scale(1.4);
 }
 span.state-transition-arrow.lazy {
   color: var(--color-text-muted);