fix: responsive button styles

getAlby · Oct 31, 2023 · 0ce03ce · 0ce03ce
1 parent 3e9afdf
commit 0ce03ce
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git 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
@@ -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