diff --git a/package-lock.json b/package-lock.json index 7ca885a7..3c8fd567 100644 --- a/package-lock.json +++ b/package-lock.json @@ -45,7 +45,7 @@ "react-icons": "^4.8.0", "react-query": "^3.39.3", "react-router-dom": "^6.8.0", - "react-sync-board": "^1.2.5", + "react-sync-board": "^1.2.6", "react-toastify": "^6.1.0", "recoil": "^0.7.4", "socket.io-client": "^4.1.2", @@ -9189,9 +9189,9 @@ } }, "node_modules/react-sync-board": { - "version": "1.2.5", - "resolved": "https://registry.npmjs.org/react-sync-board/-/react-sync-board-1.2.5.tgz", - "integrity": "sha512-wAncoHQ5qk8IyphdzDNXB9pmtx9elqBLgciYWG4aS4zMmVgUXwEzwZkEqMaulJ9Vj/G7LHicNwUDKOxGZDxYQQ==", + "version": "1.2.6", + "resolved": "https://registry.npmjs.org/react-sync-board/-/react-sync-board-1.2.6.tgz", + "integrity": "sha512-+GLaltYe13iMykQkbJYJkG+vg6ANO1p4o/DMsHTzDmhfK3iFu4jstDi7svNPqRPWqBTtUzrfKSyhv2rDgee4Fw==", "dependencies": { "@react-hookz/web": "^22.0.0", "color2k": "^2.0.0", @@ -17857,9 +17857,9 @@ } }, "react-sync-board": { - "version": "1.2.5", - "resolved": "https://registry.npmjs.org/react-sync-board/-/react-sync-board-1.2.5.tgz", - "integrity": "sha512-wAncoHQ5qk8IyphdzDNXB9pmtx9elqBLgciYWG4aS4zMmVgUXwEzwZkEqMaulJ9Vj/G7LHicNwUDKOxGZDxYQQ==", + "version": "1.2.6", + "resolved": "https://registry.npmjs.org/react-sync-board/-/react-sync-board-1.2.6.tgz", + "integrity": "sha512-+GLaltYe13iMykQkbJYJkG+vg6ANO1p4o/DMsHTzDmhfK3iFu4jstDi7svNPqRPWqBTtUzrfKSyhv2rDgee4Fw==", "requires": { "@react-hookz/web": "^22.0.0", "color2k": "^2.0.0", diff --git a/package.json b/package.json index 920c63a1..c5bc9339 100644 --- a/package.json +++ b/package.json @@ -40,7 +40,7 @@ "react-icons": "^4.8.0", "react-query": "^3.39.3", "react-router-dom": "^6.8.0", - "react-sync-board": "^1.2.5", + "react-sync-board": "^1.2.6", "react-toastify": "^6.1.0", "recoil": "^0.7.4", "socket.io-client": "^4.1.2", diff --git a/src/gameComponents/Counter/Counter.jsx b/src/gameComponents/Counter/Counter.jsx index d1d2d965..13059f72 100644 --- a/src/gameComponents/Counter/Counter.jsx +++ b/src/gameComponents/Counter/Counter.jsx @@ -23,7 +23,9 @@ const CounterPane = styled.div` padding: 1rem; margin: 0; border: none; - margin-top: -1px; + min-width: 40px; + font-size: 1.2em; + flex: 1; } input { @@ -33,11 +35,14 @@ const CounterPane = styled.div` border-radius: 0 !important; border: none !important; margin: 0 -1px; + flex: 5; } h3 { + line-height: 1em; user-select: none; padding: 0; + padding-bottom: 0.5em; margin: 0; } `} @@ -81,7 +86,7 @@ const Counter = ({ return ( -

{label}

+ {label &&

{label}

}