From 74d4ba4e3400acc0f7a50e633cd7d3d14208178d Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Fri, 22 Dec 2023 16:39:51 -0800
Subject: button styles

---
 src/routes/(app)/send/[...text]/+page.svelte | 26 ++++++++++++--------------
 1 file changed, 12 insertions(+), 14 deletions(-)

(limited to 'src/routes/(app)/send')

diff --git a/src/routes/(app)/send/[...text]/+page.svelte b/src/routes/(app)/send/[...text]/+page.svelte
index 8548964c..effaea60 100644
--- a/src/routes/(app)/send/[...text]/+page.svelte
+++ b/src/routes/(app)/send/[...text]/+page.svelte
@@ -58,23 +58,21 @@
       />
     </div>
 
-    <div class="flex justify-end">
-      {#if text?.length}
-        <a href={`/qr/${encodeURIComponent(text)}`}>
-          <button
-            type="button"
-            class="flex border rounded-full px-6 py-2 font-bold hover:opacity-80 mr-1"
-          >
-            <Icon icon="qr" style="mr-2 w-6 my-auto invert" />
-            <div class="my-auto">{$t("user.send.makeQR")}</div>
-          </button>
-        </a>
-      {/if}
+    <div class="grid grid-cols-2 md:grid-cols-4 gap-2">
+      <a href={`/qr/${encodeURIComponent(text)}`} class:invisible={!text?.length}>
+        <button
+          type="button"
+          class="flex border rounded-full px-6 py-2 font-bold hover:opacity-80 mr-1 w-full"
+        >
+          <Icon icon="qr" style="mr-2 w-6 my-auto invert" />
+          <div class="my-auto">{$t("user.send.makeQR")}</div>
+        </button>
+      </a>
 
-      <a href="/scan">
+      <a href="/scan" class="w-full">
         <button
           type="button"
-          class="flex border rounded-full px-6 py-2 font-bold hover:opacity-80 mr-1"
+          class="flex border rounded-full px-6 py-2 font-bold hover:opacity-80 mr-1 w-full"
         >
           <Icon icon="camera" style="mr-2 w-6 my-auto" />
           <div class="my-auto">{$t("user.send.scan")}</div>
-- 
cgit v1.2.3