update style

static/browser_detect.css

@@ -44,7 +44,7 @@ body {
   background-color: #d3d3d3;
   margin: none;
   margin-top: 0px;
-  border-radius: 15px;
+  border-radius: 12.25px;
   resize: none;
   display:block; position:relative;
   width:100%;
@@ -55,7 +55,7 @@ body {
 .wrapper_text{
     position: relative;
   text-align: left;
-  padding: none;
+  padding: 10px;
   background-color: #3e3e3e;
   margin: 10px;
   margin-top: none;
@@ -66,8 +66,10 @@ body {
     display:block; position:relative;
 }
 #text-to-speech{
+  padding-top: 10px;
     width:100%;
     background-color: #3e3e3e;
     font-size: xx-large;
     border: none;
+    color:#d3d3d3
 }

templates/browser-detect.html

@@ -41,7 +41,7 @@
         <div class="wrapper_text">
             <textarea id="text" onkeyup="set_output_array(this.value)"></textarea>
             <button id="text-to-speech" onclick="speak(document.getElementById('text').value)">
-                <span>🔊</span>
+                <span>Speak Text 🔊</span>
             </button>
         </div>
         <center>