From 1786e8dd8ee58343c51f3caf4d9b0bb85d6588ff Mon Sep 17 00:00:00 2001
From: Corey <corey@ginnivan.net>
Date: Mon, 25 May 2020 22:31:17 +0800
Subject: [PATCH] Made responsive

---
 src/index.html     | 6 +++---
 tailwind.config.js | 4 +---
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/index.html b/src/index.html
index 0720048..e092c0d 100644
--- a/src/index.html
+++ b/src/index.html
@@ -36,7 +36,7 @@
         class="flex flex-1 w-full py-4 focus:outline-none placeholder-gray-400 appearance-none text-black focus:text-black tracking-tighter text-xl lg:text-3xl xl:text-5xl"
       />
       <div
-        class="flex flex-row items-center border-t border-gray-300 bg-white pt-4"
+        class="flex flex-col space-y-4 sm:space-y-0 sm:flex-row border-t border-gray-300 bg-white pt-4"
       >
         <label class="inline-flex items-center">
           <input
@@ -48,7 +48,7 @@
           />
           <span class="ml-2">Copy SVG Code</span>
         </label>
-        <label class="inline-flex items-center ml-6">
+        <label class="inline-flex items-center sm:ml-6">
           <input
             type="radio"
             class="form-radio text-green-600 focus:outline-none"
@@ -58,7 +58,7 @@
           <span class="ml-2">Download SVGs</span>
         </label>
         <button
-          class="ml-auto p-3 rounded bg-black text-white hover:bg-gray-900"
+          class="ml-auto p-3 rounded bg-black text-white hover:bg-gray-900 w-full sm:w-auto"
         >
           Download All SVGs
         </button>
diff --git a/tailwind.config.js b/tailwind.config.js
index 8fb53af..8554b13 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -9,7 +9,5 @@ module.exports = {
   variants: {
     // Some useful comment
   },
-  plugins: [
-    // Some useful comment
-  ],
+  plugins: [require("@tailwindcss/custom-forms")],
 };