Add new button layout and style

AnonymousUser98 · web-flow · commit 74c4dba847f5 · 2025-12-09T09:49:17.000-08:00
Make the "Play Wave" and "Stop Wave" buttons bigger and make them appear side-by-side.
diff --git a/WavePlayerJS.html b/WavePlayerJS.html
@@ -18,6 +18,16 @@
   }
   textarea { height: 80px; }
   label { font-weight: bold; }
+  button {
+	  border-radius: 20px;
+	  padding-top: 10px;
+	  padding-bottom: 10px;
+	  flex: 0 0 50%;
+  }
+  .buttons {
+	  display: flex;
+	  gap: 0.5rem;
+  }
 </style>
 </head>
 <body>
@@ -36,8 +46,10 @@ <h1>WavePlayerJS</h1>
 <label for="vp">Parameter (vp):</label>
 <input type="number" id="vp" value="1" step="0.1">
 
-<button id="playBtn">Play Wave</button>
-<button id="stopBtn">Stop Wave</button>
+<div class="buttons">
+	<button id="playBtn">Play Wave</button>
+	<button id="stopBtn">Stop Wave</button>
+</div>
 
 <br/>
 <p>Use ** instead of ^ for exponents</p>
@@ -92,3 +104,4 @@ <h1>WavePlayerJS</h1>
 </body>
 </html>
 
+
