From 0ce03cef77ac0e71a456df2807b842ed594eb8d3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20Aaron?= <rene@twentyuno.net>
Date: Tue, 31 Oct 2023 23:45:52 +0100
Subject: [PATCH] fix: responsive button styles

---
 public/css/application.css | 15 +++++++++++++++
 views/apps/index.html      |  2 +-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/public/css/application.css b/public/css/application.css
index 48b01bd1..b4f1e55f 100644
--- a/public/css/application.css
+++ b/public/css/application.css
@@ -1835,6 +1835,16 @@ select {
     padding-right: 1rem;
   }
 
+  .md\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .md\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
   .md\:pl-10 {
     padding-left: 2.5rem;
   }
@@ -1854,6 +1864,11 @@ select {
   .md\:pl-4 {
     padding-left: 1rem;
   }
+
+  .md\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
 }
 
 @media (min-width: 1024px) {
diff --git a/views/apps/index.html b/views/apps/index.html
index 19b9beb0..e749eb20 100644
--- a/views/apps/index.html
+++ b/views/apps/index.html
@@ -4,7 +4,7 @@
     <h2 class="font-bold text-2xl font-headline dark:text-white">Connected apps</h2>
 
     <a
-      class="inline-flex bg-purple-700 cursor-pointer dark:text-neutral-200 duration-150 focus-visible:ring-2 focus-visible:ring-offset-2 focus:outline-none font-medium items-center justify-center px-6 py-3 rounded-lg shadow text-white transition {{if not .User}}opacity-50{{else}}hover:bg-purple-900{{end}}"
+      class="inline-flex bg-purple-700 cursor-pointer dark:text-neutral-200 duration-150 focus-visible:ring-2 focus-visible:ring-offset-2 focus:outline-none font-medium items-center justify-center px-3 md:px-6 py-2 md:py-3 rounded-lg shadow text-white transition {{if not .User}}opacity-50{{else}}hover:bg-purple-900{{end}} text-sm md:text-base"
       href="{{if not .User}}javascript:void(0);{{else}}/apps/new{{end}}"
     >
       <img