Update edit role select button

Author: Leo7Deng

frontend/app/components/EditModal.css

@@ -0,0 +1,47 @@
+.users {
+    max-height: 30vh;
+    overflow: scroll;
+    border: 1px solid hsl(0, 0%, 90%);
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding-top: 0.6rem;
+    padding-left: 0.6rem;
+    padding-right: 0.6rem;
+}
+
+.user-item {
+    margin-bottom: 0.6rem;
+    color: hsl(0, 0%, 18%);
+}
+
+.search {
+    display: flex;
+    justify-content: end;
+    border: 1px solid hsl(0, 0%, 90%);
+}
+
+.search-input {
+    border: none;
+    border-top-left-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+}
+
+.search-icon {
+    background-color: rgb(59, 130, 246);
+    height: 100%;
+    padding: 0.45rem;
+    border-top-right-radius: 0.375rem;
+    border-bottom-right-radius: 0.375rem;
+    --tw-shadow: 0 1px 2px 0 rgb(59, 130, 246);
+    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgb(59, 130, 246)), var(--tw-ring-shadow, 0 0 rgb(59, 130, 246)), var(--tw-shadow);
+}
+
+.select-role {
+    font-size: 0.75rem;
+    margin-left: 0.25rem;
+    width: 5rem;
+    padding: 0.25rem;
+    padding-left: 0.5rem;
+}

frontend/app/components/EditModal.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { useAuth } from "../context/authContext";
 import { EditUser } from "../types";
-import "./InviteModal.css"
+import "./EditModal.css"
 
 interface InviteModalProps {
     isOpen: boolean;
@@ -129,7 +129,7 @@ function EditModal({ isOpen, setOpen, circleId }: InviteModalProps) {
                                     <select
                                         value={user.role}
                                         onChange={(e) => handleRoleChange(user.id, e.target.value)}
-                                        className="border border-gray-300 p-1 rounded"
+                                        className="border border-gray-300 p-1 rounded select-role"
                                     >
                                         <option value="member">Member</option>
                                         <option value="admin">Admin</option>