From d3710fce3629dceed0a154d83b3a4a3623724411 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 15 Feb 2024 18:48:32 +0100
Subject: [PATCH] remodeling component

---
 src/assets/css/components/CountrySelect.scss | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/assets/css/components/CountrySelect.scss b/src/assets/css/components/CountrySelect.scss
index 4107b3d..5d43209 100644
--- a/src/assets/css/components/CountrySelect.scss
+++ b/src/assets/css/components/CountrySelect.scss
@@ -1,20 +1,26 @@
 .country-select {
-	@apply w-80 relative;
+	@apply relative my-8 flex flex-wrap gap-4;
 	&__toggle,
 	&__country-list {
-		@apply bg-white  border-neutral-300 border border-solid  w-full;
+		@apply bg-slate-100  border-none  w-full;
+	}
+	&__label {
+		@apply bg-construction font-bold text-4xl py-3 px-6 block text-zuume;
+		line-height: 1;
 	}
 
 	&__toggle {
-		@apply rounded-md py-3
+		@apply py-3
 		text-neutral-800
 		capitalize
 		text-base
 		flex
 		pl-8
 		my-0
+		w-80
 		cursor-pointer
 		items-center;
+		transform: skew(-6deg);
 
 		.flag {
 			@apply pr-4;
@@ -39,7 +45,7 @@
 			@apply hidden;
 		}
 		@apply max-h-64 my-0 absolute
-		z-10	
+		z-30	
 		pl-8 overflow-y-auto rounded-b-lg shadow-lg w-full;
 		box-sizing: border-box;
 		overflow-y: scroll;