Change button padding

leonardofaria · Aug 3, 2020 · 9316199 · 9316199
1 parent a0c2572
commit 9316199
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/public/button.html b/public/button.html
@@ -44,7 +44,7 @@ <h1 class="text-3xl font-bold leading-tight text-gray-900">
       <h2 class="text-2xl font-bold leading-tight text-gray-900 mb-6">Default</h2>
 
       <div class="border-2 border-dashed border-gray-200 rounded-lg bg-white cypress-wrapper">
-        <button class="bg-blue-700 hover:bg-blue-900 text-white font-bold py-2 px-4 rounded">
+        <button class="bg-blue-700 hover:bg-blue-900 text-white font-bold py-2 px-8 rounded">
           Button
         </button>
       </div>
@@ -55,7 +55,7 @@ <h2 class="text-2xl font-bold leading-tight text-gray-900 mb-6">Default</h2>
       <h2 class="text-2xl font-bold leading-tight text-gray-900 mb-6">Pill</h2>
 
       <div class="border-2 border-dashed border-gray-200 rounded-lg bg-white cypress-wrapper">
-        <button class="bg-blue-700 hover:bg-blue-900 text-white font-bold py-2 px-4 rounded-full">
+        <button class="bg-blue-700 hover:bg-blue-900 text-white font-bold py-2 px-8 rounded-full">
           Button
         </button>
       </div>
@@ -66,7 +66,7 @@ <h2 class="text-2xl font-bold leading-tight text-gray-900 mb-6">Pill</h2>
       <h2 class="text-2xl font-bold leading-tight text-gray-900 mb-6">Outline</h2>
 
       <div class="border-2 border-dashed border-gray-200 rounded-lg bg-white cypress-wrapper">
-        <button class="bg-transparent hover:bg-blue-900 text-blue-700 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded">
+        <button class="bg-transparent hover:bg-blue-900 text-blue-700 font-semibold hover:text-white py-2 px-8 border border-blue-500 hover:border-transparent rounded">
           Button
         </button>
       </div>