From f13c16bb4f48d8ba358ea9bbd555ea6b97f2b984 Mon Sep 17 00:00:00 2001
From: Gazook89 <58999374+Gazook89@users.noreply.github.com>
Date: Sun, 13 Mar 2022 20:40:41 -0500
Subject: [PATCH] add z-index to dropdown container.

also just format spacing on css rules
---
 .../editor/metadataEditor/metadataEditor.less | 59 ++++++++++---------
 1 file changed, 30 insertions(+), 29 deletions(-)

diff --git a/client/homebrew/editor/metadataEditor/metadataEditor.less b/client/homebrew/editor/metadataEditor/metadataEditor.less
index a7746c882..6b1c452eb 100644
--- a/client/homebrew/editor/metadataEditor/metadataEditor.less
+++ b/client/homebrew/editor/metadataEditor/metadataEditor.less
@@ -83,49 +83,50 @@
 	}
 
 	.themes.field{
-		font-size: 13.33px;
+		font-size : 13.33px;
 		.navDropdownContainer {
-			background-color: white;
-			width: 100%;
-			position: relative;
+			background-color	: white;
+			width				: 100%;
+			position			: relative;
+			z-index				: 500;
 			&.disabled {
-				font-style:italic;
-				font-style: italic;
-				background-color: darkgray;
-				color: dimgray;
+				font-style			:italic;
+				font-style			: italic;
+				background-color	: darkgray;
+				color				: dimgray;
 			}
 			&>div:first-child {
-				border : 2px solid rgb(118,118,118);
-				padding : 6px 3px;
-				background-color : inherit;
+				border 				: 2px solid rgb(118,118,118);
+				padding 			: 6px 3px;
+				background-color 	: inherit;
 				i {
-					float: right;
+					float	: right;
 				}
 				&:hover {
-					background-color: @blue;
-					color: white;
+					background-color	: @blue;
+					color				: white;
 				}
 			}
 			.navDropdown {
-				box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
-				position:absolute;
-				width:100%;
+				box-shadow	: 0px 5px 10px rgba(0, 0, 0, 0.3);
+				position	: absolute;
+				width		: 100%;
 				.item {
-					padding: 3px 3px;
-					border-top: 1px solid rgb(118, 118, 118);
-					position: relative;
-					overflow: hidden;
-					background-color: white;
+					padding				: 3px 3px;
+					border-top			: 1px solid rgb(118, 118, 118);
+					position			: relative;
+					overflow			: hidden;
+					background-color	: white;
 					&:hover {
-						background-color: @blue;
-						color: white;
+						background-color	: @blue;
+						color				: white;
 					}
 					img {
-						mask-image: linear-gradient(90deg, transparent, black 20%);
-						-webkit-mask-image: linear-gradient(90deg, transparent, black 20%);
-				    position: absolute;
-				    left: ~"max(100px, 100% - 300px)";
-				    top: 0px;
+						mask-image			: linear-gradient(90deg, transparent, black 20%);
+						-webkit-mask-image	: linear-gradient(90deg, transparent, black 20%);
+				    position	: absolute;
+				    left		: ~"max(100px, 100% - 300px)";
+				    top			: 0px;
 					}
 				}
 			}