From 5da85f76003a710a8201fd11697655cd80dfc3ac Mon Sep 17 00:00:00 2001
From: Tsu-ba-me <ynho.li.aa.e@gmail.com>
Date: Fri, 4 Feb 2022 19:18:39 -0500
Subject: [PATCH] fix(striker-ui): make file type drop-down menu readable

---
 striker-ui/components/Files/FileInfo.tsx | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/striker-ui/components/Files/FileInfo.tsx b/striker-ui/components/Files/FileInfo.tsx
index 3bfa8b99..31ef39a4 100644
--- a/striker-ui/components/Files/FileInfo.tsx
+++ b/striker-ui/components/Files/FileInfo.tsx
@@ -7,6 +7,7 @@ import {
   InputLabel,
   inputLabelClasses,
   MenuItem,
+  menuItemClasses,
   OutlinedInput,
   outlinedInputClasses,
   Select,
@@ -84,6 +85,24 @@ const StyledSelect = styled(Select)({
   },
 });
 
+const StyledMenuItem = styled(MenuItem)({
+  backgroundColor: TEXT,
+  paddingRight: '3em',
+
+  [`&.${menuItemClasses.selected}`]: {
+    backgroundColor: GREY,
+    fontWeight: 400,
+
+    '&:hover': {
+      backgroundColor: GREY,
+    },
+  },
+
+  '&:hover': {
+    backgroundColor: GREY,
+  },
+});
+
 const FileLocationActiveCheckbox = styled(Checkbox)({
   color: RED,
 
@@ -142,9 +161,9 @@ const FileInfo = (
             {UPLOAD_FILE_TYPES_ARRAY.map(
               ([fileTypeKey, [, fileTypeDisplayString]]) => {
                 return (
-                  <MenuItem key={fileTypeKey} value={fileTypeKey}>
+                  <StyledMenuItem key={fileTypeKey} value={fileTypeKey}>
                     {fileTypeDisplayString}
-                  </MenuItem>
+                  </StyledMenuItem>
                 );
               },
             )}