diff --git a/src/styles.css b/src/styles.css
index 5e6cf54..0749c6d 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -277,6 +277,17 @@ canvas {
gap: 10px;
}
+.action-group {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 8px;
+}
+
+.action-group button {
+ width: 100%;
+ padding-inline: 0.6rem;
+}
+
.touch-controls {
display: grid;
grid-template-columns: minmax(150px, 190px) minmax(112px, 1fr);
@@ -370,17 +381,6 @@ canvas {
flex-shrink: 0;
}
-.controls .action-group {
- display: grid;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- gap: 8px;
-}
-
-.controls .action-group button {
- width: 100%;
- padding-inline: 0.6rem;
-}
-
kbd {
min-width: 30px;
min-height: 28px;
@@ -436,7 +436,7 @@ kbd {
min-height: 52px;
}
- .controls .action-group {
+ .action-group {
grid-template-columns: repeat(3, minmax(0, 1fr));
}