Adapt walkie-talkie layout to hide controls at small sizes

src/room/PTTButton.module.css

@@ -1,6 +1,6 @@
 .pttButton {
-  width: 100vw;
-  height: 100vh;
+  height: 100%;
+  aspect-ratio: 1;
   max-height: 232px;
   max-width: 232px;
   border-radius: 116px;
@@ -9,9 +9,20 @@
   background-color: #21262c;
   position: relative;
   padding: 0;
+  margin: 4px;
   cursor: pointer;
 }
 
+.micIcon {
+  max-height: 50%;
+}
+
+.avatar {
+  /* Remove explicit size to allow avatar to scale with the button */
+  width: unset !important;
+  height: unset !important;
+}
+
 .talking {
   background-color: var(--accent);
   cursor: unset;