MapStatusbar styling

client/src/components/map/MapStatusbar/MapStatusbar.tsx

@@ -1,20 +1,17 @@
-import { CSSProperties } from 'react'
 import { useMapStore } from '../../../store/map';
 import { Divider, Text } from '@fluentui/react-components';
 
 interface IMapStatusbarProps {
-    mapControlsStyle: CSSProperties;
     map_id: string;
 }
 
 const MapStatusbar = ({
-    mapControlsStyle,
     map_id
 }: IMapStatusbarProps) => {
     const { currentCoordinate, currentX, currentY, currentZ, statusText } = useMapStore().id[map_id]
 
     return (
-        <div style={{ ...mapControlsStyle, display: 'flex', gap: '1rem', padding: '0.25rem', width: '100%', borderRadius: 0 }}>
+        <div style={{ display: 'flex', gap: '1rem', padding: '0.25rem', width: '100%', borderRadius: 0, zIndex: 1 }}>
             <Text size={200}>
                 x: {currentCoordinate?.[0]}
             </Text>
@@ -37,7 +34,7 @@ const MapStatusbar = ({
                 Y={currentY}
             </Text>
 
-            <Text size={200} style={{marginLeft: 'auto'}}>
+            <Text size={200} style={{ marginLeft: 'auto' }}>
                 {statusText}
             </Text>
         </div>