basic ui and small changes

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>
       

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;