From dadfc7b0daa0e8888d94f8aa7d1c8bd377227f97 Mon Sep 17 00:00:00 2001
From: Yanick Champoux <yanick@babyl.dyndns.org>
Date: Thu, 30 Jul 2020 18:12:10 -0400
Subject: [PATCH] bug: gap not supported by chrome

So I changed it to use margins.

Fix #12
---
 src/components/Notes.svelte        | 5 +++++
 src/components/Weapon/index.svelte | 6 +++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/Notes.svelte b/src/components/Notes.svelte
index 43ba0b5..f9116ab 100644
--- a/src/components/Notes.svelte
+++ b/src/components/Notes.svelte
@@ -19,6 +19,11 @@
       as closely as possible.
     </p>
 
+
+    <p>The app is mostly developed for Firefox. I also check as much as I
+    can that I don't mess things too badly on Chrome. For the other
+    browsers... caveat emptor.</p>
+
     <p>
       Written by
       <a href="https://twitter.com/yenzie">Yanick Champoux</a>
diff --git a/src/components/Weapon/index.svelte b/src/components/Weapon/index.svelte
index 02b6132..3450030 100644
--- a/src/components/Weapon/index.svelte
+++ b/src/components/Weapon/index.svelte
@@ -116,8 +116,12 @@
 
   .weapon_row {
     display: flex;
-    gap: 2em;
     align-items: center;
   }
 
+  .weapon_row > :global(*) {
+    margin-right: 2em;
+  }
+
+
 </style>