diff --git a/client/homebrew/pages/archivePage/archivePage.jsx b/client/homebrew/pages/archivePage/archivePage.jsx index 5d9d85f85..a644ff449 100644 --- a/client/homebrew/pages/archivePage/archivePage.jsx +++ b/client/homebrew/pages/archivePage/archivePage.jsx @@ -93,10 +93,8 @@ const ArchivePage = createClass({ } this.updateUrl(); return
-
{brews.length} Brews Found
-
-

{this.state.limit}

-
+ {brews.length} Brews Found + {this.state.limit} {brews.map((brew, index) => ( ))} diff --git a/client/homebrew/pages/archivePage/archivePage.less b/client/homebrew/pages/archivePage/archivePage.less index 4cd53be41..e0ae9460e 100644 --- a/client/homebrew/pages/archivePage/archivePage.less +++ b/client/homebrew/pages/archivePage/archivePage.less @@ -11,7 +11,7 @@ body { height: 100%; background-color: #2C3E50; - h1,h2,h3,p { + h1,h2,h3 { font-family: 'Open Sans'; color: white; font-weight: 900; @@ -40,6 +40,7 @@ body { height: 100%; display: grid; grid-template-columns: 500px 2fr; + background: #2C3E50; .dataGroup { width: 100%; @@ -103,8 +104,7 @@ body { .brewCount { position: fixed; bottom: 0; - right: 0; - translate:-100%; + right: 17px; font-size: 11px; font-weight: 800; color: white; @@ -113,7 +113,7 @@ body { z-index: 1000; font-family: 'Open Sans'; - &:has(p:empty) { + &:empty { display: none; } } @@ -130,7 +130,7 @@ body { z-index: 1000; font-family: 'Open Sans'; - &:has(p:empty) { + &:empty { display: none; } } @@ -138,7 +138,9 @@ body { background-image: url('/assets/parchmentBackground.jpg'); width: 48%; margin-right: 40px; - &:nth-child(2n+1 of .brewItem) { + color: black; + + &:nth-child(even) { margin-right: 0; } h2 {