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;