From 9ce75f728fa6c7e16a6e847268a43dcf745ed559 Mon Sep 17 00:00:00 2001
From: Corey <corey@ginnivan.net>
Date: Tue, 26 May 2020 11:08:23 +0800
Subject: [PATCH] Made radio buttons nicer

---
 src/index.html | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)
diff --git a/src/index.html b/src/index.html
index 275c703..a674b7c 100644
--- a/src/index.html
+++ b/src/index.html
@@ -17,7 +17,7 @@
     ></script>
   </head>
   <body
-    class="bg-white font-mono leading-normal tracking-normal"
+    class="bg-white font-mono leading-normal tracking-normal min-h-screen"
     x-data="loadIcons()"
   >
     <div class="bg-white px-8 py-4">
@@ -40,29 +40,35 @@
       <div
         class="flex flex-col space-y-4 md:space-y-0 md:flex-row border-t border-gray-300 bg-white pt-4"
       >
-        <label class="inline-flex items-center">
+        <label
+          class="inline-flex items-center cursor-pointer rounded px-2 hover:bg-gray-900 hover:text-white"
+        >
           <input
             type="radio"
-            class="form-radio text-green-600"
+            class="form-radio"
             name="clickType"
             value="copy"
             checked
           />
           <span class="ml-2">Copy SVG Code</span>
         </label>
-        <label class="inline-flex items-center md:ml-6">
+        <label
+          class="inline-flex items-center md:ml-6 cursor-pointer rounded px-2 hover:bg-gray-900 hover:text-white"
+        >
           <input
             type="radio"
-            class="form-radio text-green-600"
+            class="form-radio"
             name="clickType"
             value="link"
           />
           <span class="ml-2">&lt;img/&gt; Link</span>
         </label>
-        <label class="inline-flex items-center md:ml-6">
+        <label
+          class="inline-flex items-center md:ml-6 cursor-pointer rounded px-2 hover:bg-gray-900 hover:text-white"
+        >
           <input
             type="radio"
-            class="form-radio text-green-600"
+            class="form-radio"
             name="clickType"
             value="download"
           />
