@@ -132,6 +132,11 @@
.new-game__dropdown-button {
text-align: center;
+ padding: 4px;
+ background-color: #555;
+ color: #fff;
+ cursor: pointer;
+ font-weight: 600;
}
.new-game__dropdown-items {
@@ -145,6 +150,7 @@
.new-game__dropdown-items .new-game__dropdown-option {
padding: 12px 16px;
display: block;
.new-game__dropdown-items .new-game__dropdown-option:hover {
@@ -10,7 +10,7 @@ const NewGame = ({ onCreateGame, cannotCreateGame, timer, setTimer }) => {
return (
<div className="new-game">
<div className="new-game__dropdown">
- <div className="btn new-game__dropdown-button">
+ <div className="new-game__dropdown-button">
Round Timer: {ms(timer * 1000)}
</div>
<div className="new-game__dropdown-items">