From faa5f7379a345fb8dde9eb3ae69ced9d3e4cc4df Mon Sep 17 00:00:00 2001
From: Stacy Kvernmo <stacy@oddbird.net>
Date: Thu, 21 Dec 2023 10:49:25 -0600
Subject: [PATCH] fix support warning layout for output list items

---
 src/lib/components/colors/Output.svelte         | 3 ++-
 src/lib/components/colors/SupportWarning.svelte | 6 ++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/colors/Output.svelte b/src/lib/components/colors/Output.svelte
index 37a7db09..57d7e8c7 100644
--- a/src/lib/components/colors/Output.svelte
+++ b/src/lib/components/colors/Output.svelte
@@ -33,7 +33,8 @@
   }
 
   li {
-    column-gap: 1ch;
+    align-items: center;
+    column-gap: 0.5ch;
     display: grid;
     grid-template-columns: auto 1fr;
   }
diff --git a/src/lib/components/colors/SupportWarning.svelte b/src/lib/components/colors/SupportWarning.svelte
index 83ad9f11..ed1f23a6 100644
--- a/src/lib/components/colors/SupportWarning.svelte
+++ b/src/lib/components/colors/SupportWarning.svelte
@@ -30,3 +30,9 @@
     >
   </span>
 {/if}
+
+<style lang="scss">
+  [data-color-info~='warning'] {
+    grid-column: 1 / -1;
+  }
+</style>