From 7951c4a03ab60d319c9805354d987d06d4190bd7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=ADctor=20Losada=20Hern=C3=A1ndez?=
 <losada.hernandez.victor@gmail.com>
Date: Tue, 23 Jan 2024 00:20:18 +0100
Subject: [PATCH] basic ui and small changes

---
 .../pages/archivePage/archivePage.jsx         | 11 ++++++++++-
 .../pages/archivePage/archivePage.less        | 19 ++++++++++++++++---
 2 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/client/homebrew/pages/archivePage/archivePage.jsx b/client/homebrew/pages/archivePage/archivePage.jsx
index 31c04c5b4..7a5da8916 100644
--- a/client/homebrew/pages/archivePage/archivePage.jsx
+++ b/client/homebrew/pages/archivePage/archivePage.jsx
@@ -55,7 +55,16 @@ const ArchivePage = createClass({
                   <dd>{brew.title}</dd>
       
                   <dt>Authors:</dt>
-                  <dd>{brew.authors.join(', ')}</dd>
+                  <dd>
+                    {brew.authors.map((author, index) => (
+                        <span key={index}>
+                        <a href={`/user/${author}`} target='_blank' rel='noopener noreferrer'>
+                            {author}
+                        </a>
+                        {index < brew.authors.length - 1 && ', '}
+                        </span>
+                    ))}
+                    </dd>
       
                   <a href={`/share/${brew.shareId}`}>Check the brew</a>
       
diff --git a/client/homebrew/pages/archivePage/archivePage.less b/client/homebrew/pages/archivePage/archivePage.less
index d9d069789..f4cc75ab1 100644
--- a/client/homebrew/pages/archivePage/archivePage.less
+++ b/client/homebrew/pages/archivePage/archivePage.less
@@ -57,7 +57,7 @@
                     height:76.8vh;
                     
                     .title {
-                        height:20%;
+                        height:100px;
                         background-color: #333;
                         display:grid;
                         place-items: center;
@@ -70,12 +70,25 @@
                     }
                     
                     .foundBrews {
+                        background-color: #2C3E50;
                         display:flex;
-                        flex-direction: column;
+                        flex-direction: row;
+                        flex-wrap:wrap;
                         width:100%;
+                        min-height:500px;
+                        height:max-content;
+                        padding:50px;
+                        padding-bottom:unset;
+                        overflow-y:scroll;
                         
                         .brewItem {
-                            width:200px;
+                            background-image: url('/assets/parchmentBackground.jpg');
+                            width:500px;
+                            height:auto;
+                            min-height:unset;
+                            overflow:visible;
+                            margin-right:50px;
+                            
                             
                             dt {
                                 font-size:20px;