From ca140a882196c6d32622866d3ef7977122ad4248 Mon Sep 17 00:00:00 2001
From: Inhji <johnnie@posteo.de>
Date: Wed, 19 Jul 2023 22:40:49 +0200
Subject: [PATCH] improve profile picture on about page

---
 .../controllers/page_html/about.html.heex     | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/lib/chiya_web/controllers/page_html/about.html.heex b/lib/chiya_web/controllers/page_html/about.html.heex
index 27549b3..becbcf3 100644
--- a/lib/chiya_web/controllers/page_html/about.html.heex
+++ b/lib/chiya_web/controllers/page_html/about.html.heex
@@ -1,14 +1,17 @@
 <section class="max-w-2xl mx-auto">
   <article class="h-card hcard">
-    <img
-      class="rounded-lg block text-center w-28 | u-photo"
-      src={ChiyaWeb.Uploaders.UserImage.url({@user.user_image, @current_user}, :thumb)}
-    />
-
-    <.header class="mt-8">
-      <span class="p-name"><%= @user.name %></span>
-      <:subtitle><%= @user.bio %></:subtitle>
-    </.header>
+    
+    <section class="flex gap-3">
+      <img
+        class="rounded-lg block text-center w-28 h-28 | u-photo"
+        src={ChiyaWeb.Uploaders.UserImage.url({@user.user_image, @current_user}, :thumb)}
+      />
+      <.header class="flex-1">
+        <span class="p-name"><%= @user.name %></span>
+        <:subtitle><%= @user.bio %></:subtitle>
+      </.header>
+      
+    </section>
 
     <%= if @note do %>
       <section class="mx-auto mt-8 prose prose-gruvbox md:prose-lg lg:prose-xl | p-summary e-content">