From 483a63bb06725a4b0353ac1d26d868173d3fcaf1 Mon Sep 17 00:00:00 2001
From: Corey Ginnivan <corey@ginnivan.net>
Date: Mon, 9 May 2022 21:08:47 +0800
Subject: [PATCH] More nice to have updates

---
 src/index.html | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/index.html b/src/index.html
index c60c69c..510bee7 100644
--- a/src/index.html
+++ b/src/index.html
@@ -54,7 +54,7 @@
     <main class="flex-grow">
       <nav class="flex justify-between p-4 text-sm md:p-6 lg:p-8 md:text-base">
         <a class="font-extrabold" href="/">System UIcons</a>
-        <div class="space-x-3 md:space-x-8">
+        <div class="flex space-x-3 md:space-x-8">
           <!-- <a class="hover:underline" href="/about">Behind the design</a>
           <a class="hover:underline" href="/changelog">Changelog</a> -->
           <a
@@ -65,11 +65,16 @@
             >GitHub</a
           >
           <a
-            class="hover:underline"
+            class="flex hover:underline"
             href="https://github.com/sponsors/CoreyGinnivan"
             rel="noreferrer"
             target="_blank"
-            >Sponsor</a
+            >
+              <span class="mr-2">
+                <svg height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(1 3)"><path d="m17.5 8.5v3c0 1.2994935-3.1340068 3-7 3-3.86599325 0-7-1.7005065-7-3 0-.4275221 0-1.2608554 0-2.5"/><path d="m3.79385803 9.25873308c.86480173 1.14823502 3.53999333 2.22489962 6.70614197 2.22489962 3.8659932 0 7-1.60524016 7-2.98595204 0-.77476061-.9867994-1.62391104-2.5360034-2.22001882"/><path d="m14.5 3.5v3c0 1.29949353-3.1340068 3-7 3-3.86599325 0-7-1.70050647-7-3 0-.64128315 0-2.35871685 0-3"/><path d="m7.5 6.48363266c3.8659932 0 7-1.60524012 7-2.985952 0-1.38071187-3.1340068-2.99768066-7-2.99768066-3.86599325 0-7 1.61696879-7 2.99768066 0 1.38071188 3.13400675 2.985952 7 2.985952z"/></g></svg>
+              </span>
+              <span class="whitespace-no-wrap">Sponsor</span>
+            </a
           >
         </div>
       </nav>
@@ -124,7 +129,7 @@
         @scroll.window="showBar = (window.pageYOffset > 450) ? true : false"
       >
         <div
-          class="flex flex-col p-1 space-x-0 space-y-1 bg-gray-200 rounded md:flex-row md:space-x-1 md:space-y-0"
+          class="flex flex-col p-1 space-x-0 space-y-1 bg-gray-200 mr-2 rounded md:flex-row md:space-x-1 md:space-y-0"
         >
           <label
             class="inline-flex flex-no-wrap items-center w-full h-full px-2 py-2 text-sm duration-200 rounded cursor-pointer lg:text-base hover:bg-gray-100 hover:text-black md:w-auto md:py-0"
@@ -165,7 +170,7 @@
                 </g>
               </svg>
             </span>
-            <span class="whitespace-no-wrap">Copy SVG Code</span>
+            <span class="whitespace-no-wrap">Copy SVG Element</span>
           </label>
           <label
             class="inline-flex flex-no-wrap items-center w-full h-full px-2 py-2 text-sm duration-200 rounded cursor-pointer lg:text-base hover:bg-gray-100 hover:text-black md:w-auto md:py-0"
@@ -277,7 +282,7 @@
       </div>
 
       <div
-        class="grid grid-cols-2 m-4 md:m-6 lg:m-8 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 divide-x divide-y divide-gray-200 border-r border-b border-solid border-gray-200"
+        class="grid grid-cols-2 m-4 md:m-6 lg:m-8 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 2xl:grid-cols-10 divide-x divide-y divide-gray-200 border-r border-b border-solid border-gray-200"
       >
         <template x-for="(item, index) in filteredIcons" :key="index">
           <a
@@ -313,7 +318,7 @@
                 ><span>Copied URL</span></template
               >
               <template x-if="downloadType == 'copy-svg'"
-                ><span>Copied SVG Code</span></template
+                ><span>Copied SVG</span></template
               >
             </div>
             <img