Address comments + Fix server connection

client/src/components/chatMessage.css

@@ -101,14 +101,6 @@
 .chat-message.warning {
     background-color: #660000;
 }
-.grave-message {
-    border: .13rem solid var(--background-border-color);
-    border-bottom-color: var(--background-border-shadow-color);
-    border-right-color: var(--background-border-shadow-color);
-    border-radius: .5rem;
-    margin: .13rem;
-    padding: .25rem;
-}
 
 .kira-guess-results {
     display: flex;

client/src/components/gameModeSettings/OutlineSelector.tsx

@@ -8,6 +8,7 @@ import { DragAndDrop } from "../DragAndDrop";
 import { GameModeContext } from "./GameModesEditor";
 import Select, { SelectOptionsSearch } from "../Select";
 import StyledText from "../StyledText";
+import { Button } from "../Button";
 
 type RoleOutlineSelectorProps = {
     roleOutline: RoleOutline,
@@ -199,9 +200,9 @@ export function OutlineListSelector(props: {
 
     return <section className="graveyard-menu-colors selector-section">
         <h2>{translate("menu.lobby.roleList")}: {roleList.length}</h2>
-        {!props.disabled && <button onClick={simplify}>
+        {(props.disabled !== true) && <Button onClick={simplify}>
             <Icon>filter_list</Icon> {translate("simplify")}
-        </button>}
+        </Button>}
         <div className="role-list-setter-list">
             <DragAndDrop 
                 items={roleList}

client/src/components/useHooks.tsx

@@ -32,7 +32,7 @@ function deepEqual<T>(a: T, b: T): boolean {
     const bothAreObjects =
         a && b && typeof a === "object" && typeof b === "object";
 
-    return Boolean(
+    return (
         bothAreObjects &&
             Object.keys(a).length === Object.keys(b).length &&
             Object.entries(a).every(([k, v]) => deepEqual(v, b[k as keyof T]))

client/src/menu/settings.css

@@ -57,6 +57,5 @@
 .settings-menu .menu-list {
     display: flex;
     flex-direction: row;
-    flex-wrap: wrap;
     justify-content: center;
 }

client/src/menu/spectator/SpectatorGameScreen.tsx

@@ -41,7 +41,7 @@ export default function SpectatorGameScreen(): ReactElement {
                     <HeaderMenu chatMenuNotification={false}/>
                 </div>
                 <GameScreenMenus />
-                {mobile && <MenuButtons chatMenuNotification={false}/>}
+                {mobile === true && <MenuButtons chatMenuNotification={false}/>}
             </div>
         </MenuControllerContext.Provider>
     );

client/src/resources/config.json

@@ -1,3 +1,3 @@
 {
-    "address": "ws://192.168.1.16:8081"
+    "address": "ws://localhost:8081"
 }