Use input instead of textarea for room URL

src/js/main.js

@@ -53,9 +53,9 @@ $(function() {
     return;
   }
 
-  $('textarea.share-text').val("https://darkwire.io" + roomId);  
+  $('input.share-text').val("https://darkwire.io" + roomId);  
 
-  $('textarea.share-text').click(function() {
+  $('input.share-text').click(function() {
     $(this).focus();
     $(this).select();
     this.setSelectionRange(0, 9999);

src/public/style.css

@@ -51,12 +51,6 @@ html, body {
   border: 1px solid #444;
 }
 
-
-input {
-  background: black !important;
-  color: white !important;
-}
-
 ul {
   list-style: none;
   word-wrap: break-word;
@@ -182,6 +176,8 @@ input {
 /* Input */
 
 .inputMessage{
+  background: black !important;
+  color: white !important;
   border: none;
   border-top: 1px solid #282828;
   bottom: 0;
@@ -220,8 +216,9 @@ html.no-touchevents .chat #input-icons {
 }
 
 .participants {
-  position: relative;
-  top: 16px;
+  /*position: relative;*/
+  /*top: 16px;*/
+  float: left;
   text-align: center;
   padding: 16px;
   cursor: pointer;
@@ -265,10 +262,6 @@ html.no-touchevents .chat #input-icons {
   display: none;
 }
 
-textarea#share-text {
-  resize: none;
-}
-
 .form-control[readonly] {
   color: black !important;
 }

src/views/index.mustache

@@ -92,7 +92,7 @@
         <div class="modal-body">
           <h6>Invite People to This Room</h6>
           <p>
-            <textarea class="form-control share-text" rows="3" readonly id="settings-share-text" onclick="this.select()"></textarea>            
+            <input type="text" class="form-control share-text" readonly>
           </p>
           <br>
           <h6>Sound</h6>
@@ -118,7 +118,7 @@
           <br>
           <h6>Invite People to This Room</h6>
           <p>
-            <textarea class="form-control share-text" rows="3" readonly id="share-text"></textarea>
+            <input type="text" class="form-control share-text" readonly>            
           </p>
         </div>
         <div class="modal-footer">