Added margin on larger screens

claceio · Jan 22, 2025 · 5766fd4 · 5766fd4
1 parent d308b7f
commit 5766fd4
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 7 deletions.
diff --git a/internal/app/action/astatic/style.css b/internal/app/action/astatic/style.css
@@ -2534,10 +2534,6 @@ html {
   min-width: 100%;
 }
 
-.max-w-xl {
-  max-width: 36rem;
-}
-
 .flex-grow {
   flex-grow: 1;
 }
@@ -2691,6 +2687,19 @@ html {
 }
 
 @media (min-width: 768px) {
+  .md\:my-6 {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  .md\:mt-4 {
+    margin-top: 1rem;
+  }
+
+  .md\:min-w-\[768px\] {
+    min-width: 768px;
+  }
+
   .md\:text-sm {
     font-size: 0.875rem;
     line-height: 1.25rem;

diff --git a/internal/app/action/form.go.html b/internal/app/action/form.go.html
@@ -32,8 +32,8 @@
 </script>
 
 <div class="w-full flex flex-col justify-center items-center">
-  <div class="max-w-xl mx-auto">
-    <div class="p-2 flex justify-between items-center">
+  <div class="md:min-w-[768px] mx-auto">
+    <div class="p-2 flex justify-between items-center md:mt-4">
       <div>
         {{ if and (.links) (gt (len .links) 0) }}
           <div class="dropdown dropdown-bottom" title="Switch between Actions">
@@ -126,7 +126,7 @@
       </div>
     </div>
 
-    <p class="text-center my-4">
+    <p class="text-center my-4 md:my-6">
       {{ .description }}
     </p>
     <form