From 00aeda102b96b7932f3526f92a5dbf6160821a73 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Mon, 26 Feb 2024 13:28:10 -0800
Subject: layout tweaks

---
 src/routes/(app)/[username]/(profile)/+layout.svelte | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

(limited to 'src/routes')

diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte
index 7c815d2d..d750e86c 100644
--- a/src/routes/(app)/[username]/(profile)/+layout.svelte
+++ b/src/routes/(app)/[username]/(profile)/+layout.svelte
@@ -76,8 +76,10 @@
 </script>
 
 <div class="container mx-auto w-full px-4 flex flex-wrap lg:flex-nowrap">
-  <div class="hidden lg:block lg:w-[300px]" />
-  <div class="lg:w-[300px] lg:absolute space-y-5 left-20 mx-auto max-w-sm mb-5">
+  <div class="hidden lg:block lg:w-[280px] xl:w-[360px]" />
+  <div
+    class="w-full lg:w-[280px] xl:w-[360px] lg:absolute space-y-5 left-20 mx-auto mb-5"
+  >
     <div
       class="flex text-3xl font-bold text-center mx-auto justify-center gap-2"
     >
@@ -165,15 +167,14 @@
           </button>
         </a>
       {/if}
+
       <button
         type="button"
         on:click={toggleDetails}
-        class="rounded-2xl border py-5 px-6 font-bold hover:opacity-80 flex w-60 grow"
+        class="rounded-2xl border py-5 px-6 font-bold hover:opacity-80 flex justify-center w-full"
       >
-        <div class="mx-auto flex">
-          <Icon icon="edit" style="w-8 mr-2" />
-          <div class="mt-1">{$t("user.details")}</div>
-        </div>
+        <Icon icon="edit" style="w-8 mr-2" />
+        <div class="mt-1">{$t("user.details")}</div>
       </button>
 
       {#if user?.admin && user.username !== subject.username}
-- 
cgit v1.2.3