From dd39da7ba4a46644997ce53409467004e8297fa0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Magnus=20Alexander=20Str=C3=B8mseng?=
 <magnus.stromseng@gmail.com>
Date: Wed, 24 Apr 2024 16:26:09 +0200
Subject: [PATCH] feat(frontend): :art: add text to select satellite button
 (#297)

* feat(frontend): :art: add text to select satellite button

* style(frontend): :art: Update SatDropdown component to display selected satellite and add icon

* Update SatDropdown component to display selected satellite and add icon

---------

Co-authored-by: Mads Hermansen <mads.d.hermansen+main@gmail.com>
---
 frontend/src/components/homeComponents/SatDropdown.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/homeComponents/SatDropdown.tsx b/frontend/src/components/homeComponents/SatDropdown.tsx
index 98af400..d778233 100644
--- a/frontend/src/components/homeComponents/SatDropdown.tsx
+++ b/frontend/src/components/homeComponents/SatDropdown.tsx
@@ -96,15 +96,19 @@ export default function SatDropdown({
     return (
         <div className="w-full">
             <button
-                className="flex w-full cursor-pointer flex-row items-center justify-between bg-black p-4 text-left text-xl font-bold tracking-wide"
+                className="flex w-full cursor-pointer flex-row  justify-between bg-black p-4 text-left"
                 onClick={toggleDropdown}
             >
-                {selectedSatellite || "Select a Satellite"}
+                <div className="flex flex-col">
+                    <div>{selectedSatellite || "Select a Satellite"}</div>
+                    <p className=" text-gray-400">Selected Satellite</p>
+                </div>
                 <svg
                     xmlns="http://www.w3.org/2000/svg"
                     width="2em"
                     height="2em"
                     viewBox="0 0 24 24"
+                    className="self-center justify-self-center"
                 >
                     <path fill="currentColor" d="m7 10l5 5l5-5z" />
                 </svg>