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({
{brew.title}
Authors:
- {brew.authors.join(', ')}
+
+ {brew.authors.map((author, index) => (
+
+
+ {author}
+
+ {index < brew.authors.length - 1 && ', '}
+
+ ))}
+
Check the brew
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;