From 3648c093ed801995b161f6f3443b932c39593e01 Mon Sep 17 00:00:00 2001
From: Neshura <neshura@neshweb.net>
Date: Sat, 9 Sep 2023 19:17:36 +0200
Subject: [PATCH] Admin Page Functionally Done

---
 src/lib/components/DropDown.svelte        | 6 ++++--
 src/lib/components/DropDownElement.svelte | 4 ++--
 src/routes/admin/EmpireDetails.svelte     | 8 ++++----
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/DropDown.svelte b/src/lib/components/DropDown.svelte
index 58a2b71..8667324 100644
--- a/src/lib/components/DropDown.svelte
+++ b/src/lib/components/DropDown.svelte
@@ -80,8 +80,10 @@
 
 	.dropdown-container {
 		list-style-type: none;
-		width: max-content;
-		height: fit-content;
+		z-index: 100;
+		min-width: max-content;
+		max-height: 20vh;
+		overflow-y: auto;
 		position: absolute;
 		top: 100%;
 		background: rgba(0, 0, 0, 0.8);
diff --git a/src/lib/components/DropDownElement.svelte b/src/lib/components/DropDownElement.svelte
index a3fe101..a525d1c 100644
--- a/src/lib/components/DropDownElement.svelte
+++ b/src/lib/components/DropDownElement.svelte
@@ -11,11 +11,11 @@
 		padding: 10px;
 		border-radius: 10px;
 		max-width: 100%;
-    min-width: fit-content;
+    min-width: max-content;
 		margin: 10% auto;
     margin-left: 0;
 		background: #3f3f3f;
-		height: 100%;
+		height: fit-content;
 		font-weight: 700;
 		font-size: 0.8rem;
 		letter-spacing: 0.1em;
diff --git a/src/routes/admin/EmpireDetails.svelte b/src/routes/admin/EmpireDetails.svelte
index b50b7da..68d8119 100644
--- a/src/routes/admin/EmpireDetails.svelte
+++ b/src/routes/admin/EmpireDetails.svelte
@@ -183,12 +183,12 @@
 </script>
 
 {#if newEmpire && newEmpirePrepared}
-	<div>
+	<!-- <div>
 		ID: {empire.id}
 	</div>
 	<div>
 		Game ID: {empire.game}
-	</div>
+	</div> -->
 	<DropDown dropdownTitle={'Group*: ' + groups[empire.group].name} dropdownId={groupDropdownId}>
 		{#each Object.values(groups) as group}
 			{#if group}
@@ -278,12 +278,12 @@
 {:else if !newEmpire}
 	<div>
 		{#if empire}
-			<div>
+			<!-- <div>
 				ID: {empire.id}
 			</div>
 			<div>
 				Game ID: {empire.game}
-			</div>
+			</div> -->
 			<DropDown dropdownTitle={'Group: ' + groups[empire.group].name} dropdownId={groupDropdownId}>
 				{#each Object.values(groups) as group}
 					{#if group}