From 24399d84f93f40d48d1428fe217e21dda0679b99 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@sdg.moe>
Date: Sun, 20 Sep 2020 14:59:47 +0200
Subject: [PATCH] Fixing pannel size

---
 .../components/items-grid/items-grid.component.scss  | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/app/components/items-grid/items-grid.component.scss b/src/app/components/items-grid/items-grid.component.scss
index 2f2fd464..ae63f492 100644
--- a/src/app/components/items-grid/items-grid.component.scss
+++ b/src/app/components/items-grid/items-grid.component.scss
@@ -97,12 +97,22 @@ button
 
 ::ng-deep .big-panel
 {
-	width: 50vw !important;
+	width: 80vw !important;
 	max-width: none !important;
 	margin-left: -20vw;
 	margin-right: -20vw;
 	overflow-x: hidden;
 
+	@include media-breakpoint-up(sm)
+	{
+		width: 70vw !important;
+	}
+
+	@include media-breakpoint-up(md)
+	{
+		width: 50vw !important;
+	}
+
 	> div
 	{
 		text-align: center;