Put color change button next to name input

templates/default/join.html.ep

@@ -23,14 +23,16 @@
             </span>
           </div>
         </form>
-        <div class="btn-group navbar-form navbar-left">
+        <div class="navbar-form navbar-left input-group">
-          <input type="text" id="displayName" class="form-control help" placeholder="<%=l 'YOUR_NAME' %>" data-toggle="tooltip" data-placement="bottom" title="<%=l 'NAME_SENT_TO_OTHERS' %>"/>
+          <div class="input-group">
-        </div>
+            <input type="text" id="displayName" class="form-control help" placeholder="<%=l 'YOUR_NAME' %>" data-toggle="tooltip" data-placement="bottom" title="<%=l 'NAME_SENT_TO_OTHERS' %>"/>
-        <div class="btn-group navbar-form navbar-left">
+            <span class="input-group-btn">
-          <button id="changeColorButton" class="form-control collapsed help" data-toggle="tooltip" data-placement="bottom" title="<%=l 'CHANGE_COLOR' %>">
+              <button id="changeColorButton" class="btn btn-default help" data-toggle="tooltip" data-placement="bottom" title="<%=l 'CHANGE_COLOR' %>">
-            <span class="glyphicon glyphicon-tag">
+                <span class="glyphicon glyphicon-tag">
+                </span>
+              </button>
             </span>
-          </button>
+          </div>
         </div>
         <div class="btn-group navbar-form navbar-left">
           <button id="chatDropdown" class="form-control collapsed help" data-toggle="collapse" data-target="#chatMenu" data-toggle="tooltip" data-placement="bottom" title="<%=l 'CLICK_TO_CHAT' %>">