From f45150fb117999b0e52b3a78587c2acc3cda11f7 Mon Sep 17 00:00:00 2001
From: Harris Nesteruk <harrislegobrick@gmail.com>
Date: Thu, 12 Oct 2023 20:25:40 -0400
Subject: [PATCH] styling tweaks

---
 .../src/components/DriverStation/Mode/Modes.tsx          | 9 ++++++---
 .../src/components/DriverStation/Mode/ModesOptions.tsx   | 4 ++--
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/urc_dashboard/src/components/DriverStation/Mode/Modes.tsx b/urc_dashboard/src/components/DriverStation/Mode/Modes.tsx
index 6158afd4..17bb3555 100644
--- a/urc_dashboard/src/components/DriverStation/Mode/Modes.tsx
+++ b/urc_dashboard/src/components/DriverStation/Mode/Modes.tsx
@@ -34,10 +34,13 @@ export const Modes = (props: ModesProps) => {
     },
   };
   return (
-    <div className="card">
-      <div className="card-title">Modes</div>
-      <div className="flex gap-2">
+    <div className="flex gap-2">
+      <div className="card">
+        <div className="card-title">Mode</div>
         <ModesList mode={modes.controls} ROS={props.ROS} />
+      </div>
+      <div className="card">
+        <div className="card-title">State</div>
         <ModesList mode={modes.toggle} ROS={props.ROS} />
       </div>
     </div>
diff --git a/urc_dashboard/src/components/DriverStation/Mode/ModesOptions.tsx b/urc_dashboard/src/components/DriverStation/Mode/ModesOptions.tsx
index 3af4719a..ae9a33c1 100644
--- a/urc_dashboard/src/components/DriverStation/Mode/ModesOptions.tsx
+++ b/urc_dashboard/src/components/DriverStation/Mode/ModesOptions.tsx
@@ -7,12 +7,12 @@ interface ModesOptionProps {
 
 export const ModesOption = (props: ModesOptionProps) => {
   let styling =
-    "w-full whitespace-nowrap p-2 hover:cursor-pointer text-center rounded-md text-neutral-400 hover:text-white";
+    "w-full whitespace-nowrap p-2 text-center rounded-md text-neutral-400 select-none";
   return (
     <div
       className={
         styling +
-        (props.idx === props.curIdx ? " bg-neutral-700 text-white" : "")
+        (props.idx === props.curIdx ? " bg-neutral-700 text-white" : " hover:cursor-pointer hover:bg-slate-50 hover:text-white")
       }
       onClick={() => props.updateIdx(props.idx)}
     >