Reduce space between heading and button

trisacrypto · Mar 14, 2024 · 6dab304 · 6dab304
1 parent b840481
commit 6dab304
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/pkg/web/static/styles/output.css b/pkg/web/static/styles/output.css
@@ -1847,16 +1847,21 @@ html {
        column-gap: 0.25rem;
 }
 
-.gap-x-12 {
-  -moz-column-gap: 3rem;
-       column-gap: 3rem;
-}
-
 .gap-x-4 {
   -moz-column-gap: 1rem;
        column-gap: 1rem;
 }
 
+.gap-x-8 {
+  -moz-column-gap: 2rem;
+       column-gap: 2rem;
+}
+
+.gap-x-6 {
+  -moz-column-gap: 1.5rem;
+       column-gap: 1.5rem;
+}
+
 .overflow-x-auto {
   overflow-x: auto;
 }

diff --git a/pkg/web/templates/transactions.html b/pkg/web/templates/transactions.html
@@ -2,7 +2,7 @@
 {{ define "content" }}
 
 <section class="mx-8 py-14 overflow-x-auto">
-  <section class="mb-12 flex items-center gap-x-12">
+  <section class="mb-12 flex items-center gap-x-6">
     <h1 class="font-bold sm:text-2xl">Transaction Inbox</h1>
     <div class="flex items-center gap-x-1">
       <button class="btn btn-sm bg-[#55ACD8] text-white hover:bg-[#55ACD8]/90">Send New Secure Envelope</button>