From e562ebef48ea3a3bf02b3244779fffa334d41ed3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=ADctor=20Losada=20Hern=C3=A1ndez?=
 <losada.hernandez.victor@gmail.com>
Date: Wed, 24 Jul 2024 00:50:21 +0200
Subject: [PATCH] media query for mobile use expanded to vertical stack

---
 client/homebrew/pages/vaultPage/vaultPage.less | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/client/homebrew/pages/vaultPage/vaultPage.less b/client/homebrew/pages/vaultPage/vaultPage.less
index f110a333a..66c627f65 100644
--- a/client/homebrew/pages/vaultPage/vaultPage.less
+++ b/client/homebrew/pages/vaultPage/vaultPage.less
@@ -247,10 +247,18 @@ body {
 
 // media query for when the page is smaller than 1079 px in width
 @media screen and (max-width: 1079px) {
-	.vaultPage .content .dataGroup.resultsContainer .foundBrews .brewItem {
-		width: 100%;
-		color: black;
-		background-image: url('/assets/parchmentBackground.jpg');
-	}
+	.vaultPage .content {
+		grid-template-columns: none;
+		grid-template-rows: 325px 1fr;
 
+		.brewLookup {
+			padding-block:10px 20px;
+		}
+
+		.dataGroup.resultsContainer .foundBrews .brewItem {
+			width: 100%;
+			color: black;
+			background-image: url('/assets/parchmentBackground.jpg');
+		}
+	}
 }
\ No newline at end of file