From e3098bba3f970d19a2ad8dd7bad593070b5cbcea Mon Sep 17 00:00:00 2001
From: Andrew Watterson <andrew@andrewwatterson.com>
Date: Fri, 12 Aug 2022 01:08:59 -0700
Subject: [PATCH] icons: clean up radio svgs and sizing

---
 icon/radio-border.svg | 24 ++++++++++++------------
 icon/radio-dot.svg    |  8 ++++----
 style.css             |  2 +-
 3 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/icon/radio-border.svg b/icon/radio-border.svg
index 4563c93..9fb4bd2 100644
--- a/icon/radio-border.svg
+++ b/icon/radio-border.svg
@@ -1,14 +1,14 @@
 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="3.90698" width="4.18605" height="1.06667" fill="black"/>
-<rect y="8" width="4" height="1.11628" transform="rotate(-90 0 8)" fill="black"/>
-<rect x="10.8837" y="8" width="4" height="1.11628" transform="rotate(-90 10.8837 8)" fill="black"/>
-<rect x="1.95349" y="1.06667" width="1.95349" height="1.06667" fill="black"/>
-<rect x="8.09302" y="1.06667" width="1.95349" height="1.06667" fill="black"/>
-<rect x="10.0465" y="4" width="1.86667" height="0.837209" transform="rotate(-90 10.0465 4)" fill="black"/>
-<rect x="1.11627" y="4" width="1.86667" height="0.837209" transform="rotate(-90 1.11627 4)" fill="black"/>
-<rect width="4.18605" height="1.06667" transform="matrix(1 0 0 -1 3.90698 12)" fill="black"/>
-<rect width="1.95349" height="1.06667" transform="matrix(1 0 0 -1 1.95349 10.9333)" fill="black"/>
-<rect width="1.95349" height="1.06667" transform="matrix(1 0 0 -1 8.09302 10.9333)" fill="black"/>
-<rect width="1.86667" height="0.837209" transform="matrix(0 1 1 0 10.0465 8)" fill="black"/>
-<rect width="1.86667" height="0.837209" transform="matrix(0 1 1 0 1.11627 8)" fill="black"/>
+<path d="M8 0H4V1H8V0Z" fill="black"/>
+<path d="M8 12H4V11H8V12Z" fill="black"/>
+<path d="M0 4L0 8H1L1 4H0Z" fill="black"/>
+<path d="M11 4V8H12V4H11Z" fill="black"/>
+<path d="M4 1H2V2H4V1Z" fill="black"/>
+<path d="M4 11H2V10H4V11Z" fill="black"/>
+<path d="M10 1H8V2H10V1Z" fill="black"/>
+<path d="M10 11H8V10H10V11Z" fill="black"/>
+<path d="M10 2V4H11V2H10Z" fill="black"/>
+<path d="M10 10V8H11V10H10Z" fill="black"/>
+<path d="M1 2L1 4H2V2H1Z" fill="black"/>
+<path d="M1 10L1 8H2V10H1Z" fill="black"/>
 </svg>
diff --git a/icon/radio-dot.svg b/icon/radio-dot.svg
index f6ec699..f25261b 100644
--- a/icon/radio-dot.svg
+++ b/icon/radio-dot.svg
@@ -1,5 +1,5 @@
-<svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="1.06616" width="3.99783" height="1.06609" fill="black"/>
-<rect x="1.06616" y="5.0639" width="3.99783" height="1.06609" fill="black"/>
-<rect y="1.06609" width="6.13" height="3.99783" fill="black"/>
+<svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.99783 0H1V1H4.99783V0Z" fill="black"/>
+<path d="M4.99783 5H1V6H4.99783V5Z" fill="black"/>
+<path d="M6 1H0V4.99783H6V1Z" fill="black"/>
 </svg>
diff --git a/style.css b/style.css
index 8b100dc..379eabe 100644
--- a/style.css
+++ b/style.css
@@ -17,7 +17,7 @@
   --radio-total-width-precalc: var(--radio-width) + var(--radio-label-spacing);
   --radio-total-width: calc(var(--radio-total-width-precalc));
   --radio-left: calc(-1 * var(--radio-total-width-precalc));
-  --radio-dot-width: 6.13px;
+  --radio-dot-width: 6px;
   --radio-dot-top: calc(var(--radio-width) / 2 - var(--radio-dot-width) / 2);
   --radio-dot-left: calc(
     -1 * (var(--radio-total-width-precalc)) + var(--radio-width) / 2 - var(