From d233e2b4a5f2a91da4e5463033623abe510f29d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=ADctor=20Losada=20Hern=C3=A1ndez?=
 <losada.hernandez.victor@gmail.com>
Date: Mon, 12 Feb 2024 23:18:37 +0100
Subject: [PATCH] css fix, pagination controls basic look

---
 .../pages/archivePage/archivePage.less        | 30 ++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/client/homebrew/pages/archivePage/archivePage.less b/client/homebrew/pages/archivePage/archivePage.less
index e0ae9460e..ec0460958 100644
--- a/client/homebrew/pages/archivePage/archivePage.less
+++ b/client/homebrew/pages/archivePage/archivePage.less
@@ -140,7 +140,7 @@ body {
                             margin-right: 40px;
                             color: black;
 
-                            &:nth-child(even) {
+                            &:nth-child(even of .brewItem) {
                                 margin-right: 0;
                             }
                             h2 {
@@ -162,6 +162,34 @@ body {
                             }
                         }
 
+                        .paginationControls {
+                            position: absolute;
+                            left: 50%;
+                            translate: -50%;
+                            width: 500px;
+                            display: grid;
+                            grid-template-areas: "previousPage currentPage nextPage";
+                            
+                            .currentPage {
+                                grid-area: currentPage;
+                                height: 100%;
+                                width: 100%;
+                                display: block;
+                                text-align: center;
+                                color: white;
+                                font-family: Open Sans;
+                                font-weight: 900;
+                                padding: 5px 8px;
+                            }
+                            
+                            button.previousPage {
+                                grid-area: previousPage;
+                            }
+                            button.nextPage {
+                                grid-area: nextPage;
+                            }
+                        }
+
                         hr {
                             visibility: hidden;
                         }