From f48196d6f28c431a09f46a0229be652e35eef14a Mon Sep 17 00:00:00 2001
From: swfz <sawafuji.09@gmail.com>
Date: Wed, 26 Apr 2023 00:52:25 +0900
Subject: [PATCH] fix: tailwindcss class order

---
 pages/arrow-flow-generator/index.tsx                      | 4 ++--
 pages/kusa/index.tsx                                      | 2 +-
 pages/timeline/index.tsx                                  | 2 +-
 pages/timer/index.tsx                                     | 8 ++++----
 .../kusa/contributions/contributions-simple.tsx           | 2 +-
 src/components/kusa/contributions/contributions.tsx       | 4 ++--
 6 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/pages/arrow-flow-generator/index.tsx b/pages/arrow-flow-generator/index.tsx
index 63a33256..e60efb19 100644
--- a/pages/arrow-flow-generator/index.tsx
+++ b/pages/arrow-flow-generator/index.tsx
@@ -355,14 +355,14 @@ const ArrowFlowGenerator: NextPage = () => {
         <div>
           <div className="my-3">
             <button
-              className="mx-1 items-center rounded-sm border border-gray-400 bg-white py-2 px-4 text-gray-800 hover:bg-gray-100"
+              className="mx-1 items-center rounded-sm border border-gray-400 bg-white px-4 py-2 text-gray-800 hover:bg-gray-100"
               onClick={handleAddButtonClick}
             >
               +Add Item
             </button>
 
             <button
-              className="mx-1 items-center rounded-sm border border-gray-400 bg-white py-2 px-4 text-gray-800 hover:bg-gray-100"
+              className="mx-1 items-center rounded-sm border border-gray-400 bg-white px-4 py-2 text-gray-800 hover:bg-gray-100"
               onClick={handleDownload}
             >
               Download
diff --git a/pages/kusa/index.tsx b/pages/kusa/index.tsx
index 1124c511..c2ee972c 100644
--- a/pages/kusa/index.tsx
+++ b/pages/kusa/index.tsx
@@ -38,7 +38,7 @@ const KusaIndex: NextPage = () => {
               placeholder="GitHub UserID"
             />
             <button
-              className="mx-1 items-center rounded-sm border border-gray-400 bg-white py-2 px-4 text-gray-800 hover:bg-gray-100"
+              className="mx-1 items-center rounded-sm border border-gray-400 bg-white px-4 py-2 text-gray-800 hover:bg-gray-100"
               onClick={handleClick}
             >
               View
diff --git a/pages/timeline/index.tsx b/pages/timeline/index.tsx
index 8cc76e1f..aa10065c 100644
--- a/pages/timeline/index.tsx
+++ b/pages/timeline/index.tsx
@@ -187,7 +187,7 @@ const Schedule: NextPage = () => {
             </tbody>
           </table>
           <button
-            className="sticky left-0 mx-1 flex items-center rounded border border-gray-400 bg-white py-2 px-4 font-semibold text-gray-800 shadow hover:bg-gray-100"
+            className="sticky left-0 mx-1 flex items-center rounded border border-gray-400 bg-white px-4 py-2 font-semibold text-gray-800 shadow hover:bg-gray-100"
             onClick={addItem}
           >
             +
diff --git a/pages/timer/index.tsx b/pages/timer/index.tsx
index 4a05d552..ea974442 100644
--- a/pages/timer/index.tsx
+++ b/pages/timer/index.tsx
@@ -263,14 +263,14 @@ const Timer: NextPage = () => {
               </div>
               <div className="flex flex-row p-1">
                 <button
-                  className="mx-1 flex items-center rounded border border-gray-400 bg-white py-2 px-4 font-semibold text-gray-800 shadow hover:bg-gray-100"
+                  className="mx-1 flex items-center rounded border border-gray-400 bg-white px-4 py-2 font-semibold text-gray-800 shadow hover:bg-gray-100"
                   onClick={startTimer}
                 >
                   <PlayIcon />
                   Start
                 </button>
                 <button
-                  className="mx-1 flex items-center rounded border border-gray-400 bg-white py-2 px-4 font-semibold text-gray-800 shadow hover:bg-gray-100"
+                  className="mx-1 flex items-center rounded border border-gray-400 bg-white px-4 py-2 font-semibold text-gray-800 shadow hover:bg-gray-100"
                   onClick={pauseTimer}
                 >
                   {paused ? (
@@ -286,7 +286,7 @@ const Timer: NextPage = () => {
                   )}
                 </button>
                 <button
-                  className="mx-1 flex items-center rounded border border-gray-400 bg-white py-2 px-4 font-semibold text-gray-800 shadow hover:bg-gray-100"
+                  className="mx-1 flex items-center rounded border border-gray-400 bg-white px-4 py-2 font-semibold text-gray-800 shadow hover:bg-gray-100"
                   onClick={resetTimer}
                 >
                   <StopIcon />
@@ -295,7 +295,7 @@ const Timer: NextPage = () => {
               </div>
               <div className="p-1">
                 <button
-                  className="mx-1 flex items-center rounded border border-gray-400 bg-white py-2 px-4 font-semibold text-gray-800 shadow hover:bg-gray-100"
+                  className="mx-1 flex items-center rounded border border-gray-400 bg-white px-4 py-2 font-semibold text-gray-800 shadow hover:bg-gray-100"
                   onClick={createVideo}
                 >
                   <DuplicateIcon />
diff --git a/src/components/kusa/contributions/contributions-simple.tsx b/src/components/kusa/contributions/contributions-simple.tsx
index 06d80fed..da168e97 100644
--- a/src/components/kusa/contributions/contributions-simple.tsx
+++ b/src/components/kusa/contributions/contributions-simple.tsx
@@ -172,7 +172,7 @@ const ContributionsSimple = (props: Props) => {
       <div className="flex justify-start sm:justify-end">
         <button
           onClick={handleSummaryOpen}
-          className="basis-full rounded border border-gray-400 bg-white py-1 px-2 font-semibold text-gray-800 shadow hover:bg-gray-100 sm:basis-1/2"
+          className="basis-full rounded border border-gray-400 bg-white px-2 py-1 font-semibold text-gray-800 shadow hover:bg-gray-100 sm:basis-1/2"
         >
           {open ? 'Fold up' : 'Open'} All Details
         </button>
diff --git a/src/components/kusa/contributions/contributions.tsx b/src/components/kusa/contributions/contributions.tsx
index 35b46fd7..a4f5384b 100644
--- a/src/components/kusa/contributions/contributions.tsx
+++ b/src/components/kusa/contributions/contributions.tsx
@@ -66,13 +66,13 @@ const Contributions = (props: Props) => {
           return (
             <div key={tab.name}>
               {selectedTab == tab.name ? (
-                <button className="border-b-2 border-blue-500 py-4 px-6 font-medium text-blue-500 hover:text-blue-500 focus:outline-none">
+                <button className="border-b-2 border-blue-500 px-6 py-4 font-medium text-blue-500 hover:text-blue-500 focus:outline-none">
                   {tab.displayName}
                 </button>
               ) : (
                 <button
                   onClick={() => setSelectedTab(tab.name)}
-                  className="py-4 px-6 text-gray-600 hover:text-blue-500 focus:outline-none"
+                  className="px-6 py-4 text-gray-600 hover:text-blue-500 focus:outline-none"
                 >
                   {tab.displayName}
                 </button>