diff --git a/public/style.css b/public/style.css index 38cc221635960494b7faf06b4e2ac5c0f441c038..9fc0bf78a4791309d6116005ea3e3b7363ffe7fd 100644 --- a/public/style.css +++ b/public/style.css @@ -248,21 +248,7 @@ button:active { gap: 10px; } -#button-controls { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; -} - -#button-controls .middle-row { - display: flex; - align-items: center; - justify-content: center; - gap: 2px; -} - -#button-controls .control-button { +.control-button { width: 40px; height: 40px; border: none; @@ -272,12 +258,12 @@ button:active { transition: background-color 0.3s, transform 0.2s; } -#button-controls .control-button img { +.control-button img { width: 40px; height: 40px; } -#button-controls .control-button:active { +.control-button:active { background-color: #0056b3; transform: scale(0.95); }