Use bootstrap button markup

src/templates/add_contact_form.html

@@ -7,5 +7,5 @@
         value="{{{o.value}}}"
         class="username {[ if (o.error_message) { ]} error {[ } ]}"
         placeholder="{{{o.label_contact_username}}}"/>
-    <button class="pure-button button-primary" type="submit">{{{o.label_add}}}</button>
+    <button class="btn btn-primary" type="submit">{{{o.label_add}}}</button>
 </form>

src/templates/chatroom_bookmark_form.html

 <div class="chatroom-form-container">
-    <form class="pure-form converse-form chatroom-form">
-        <fieldset>
+    <form class="converse-form chatroom-form">
+        <fieldset class="form-group">
             <legend>{{{o.heading}}}</legend>
             <label>{{{o.label_name}}}</label>
             <input type="text" name="name" required="required"/>
@@ -9,9 +9,9 @@
             <label>{{{o.label_nick}}}</label>
             <input type="text" name="nick" value="{{{o.default_nick}}}"/>
         </fieldset>
-        <fieldset>
-            <input class="pure-button button-primary" type="submit" value="{{{o.label_submit}}}"/>
-            <input class="pure-button button-cancel" type="button" value="{{{o.label_cancel}}}"/>
+        <fieldset class="form-group">
+            <input class="btn btn-primary" type="submit" value="{{{o.label_submit}}}"/>
+            <input class="btn btn-secondary button-cancel" type="button" value="{{{o.label_cancel}}}"/>
         </fieldset>
     </form>
 </div>

src/templates/chatroom_form.html

 <div class="chatroom-form-container">
-    <form class="pure-form pure-form-stacked converse-form chatroom-form">
-        <fieldset>
+    <form class="converse-form chatroom-form">
+        <fieldset class="form-group">
             <span class="spinner centered"/>
         </fieldset>
     </form>

src/templates/chatroom_nickname_form.html

 <div class="chatroom-form-container">
-    <form class="pure-form converse-form chatroom-form converse-centered-form">
-        <fieldset>
+    <form class="converse-form chatroom-form converse-centered-form">
+        <fieldset class="form-group">
             <label>{{{o.heading}}}</label>
             <p class="validation-message">{{{o.validation_message}}}</p>
-            <input type="text" required="required" name="nick" class="new-chatroom-nick" placeholder="{{{o.label_nickname}}}"/>
-        </fieldset>
-        <fieldset>
-            <input type="submit" class="pure-button button-primary" name="join" value="{{{o.label_join}}}"/>
+            <input type="text" required="required" name="nick" class="form-control" placeholder="{{{o.label_nickname}}}"/>
         </fieldset>
+        <input type="submit" class="btn btn-primary" name="join" value="{{{o.label_join}}}"/>
     </form>
 </div>

src/templates/chatroom_password_form.html

 <div class="chatroom-form-container">
     <form class="pure-form converse-form chatroom-form">
-        <fieldset>
+        <fieldset class="form-group">
             <legend>{{{o.heading}}}</legend>
             <label>{{{o.label_password}}}</label>
             <input type="password" name="password"/>
         </fieldset>
-        <fieldset>
-            <input class="pure-button button-primary" type="submit" value="{{{o.label_submit}}}"/>
-        </fieldset>
+        <input class="btn btn-primary" type="submit" value="{{{o.label_submit}}}"/>
     </form>
 </div>

src/templates/login_panel.html

@@ -23,12 +23,11 @@
                 </fieldset>
             {[ } ]}
             {[ if (o.authentication == o.ANONYMOUS) { ]}
-                <input class="pure-button button-primary login-anon" type="submit" value="{{{o.__('Click here to log in anonymously')}}}"/>
+                <input class="btn btn-primary login-anon" type="submit" value="{{{o.__('Click here to log in anonymously')}}}"/>
             {[ } ]}
             {[ if (o.authentication == o.PREBIND) { ]}
                 <p>Disconnected.</p>
             {[ } ]}
         {[ } ]}
-        </fieldset>
     </form>
 </div>

src/templates/registration_form.html

@@ -4,8 +4,8 @@
 <div class="form-errors hidden"></div>
 
 <fieldset class="buttons">
-    <input type="submit" class="pure-button button-primary" value="{{{o.__('Register')}}}"/>
+    <input type="submit" class="btn btn-primary" value="{{{o.__('Register')}}}"/>
     {[ if (!o.registration_domain) { ]}
-        <input type="button" class="pure-button button-cancel" value="{{{o.__('Choose a different provider')}}}"/>
+        <input type="button" class="btn btn-secondary button-cancel" value="{{{o.__('Choose a different provider')}}}"/>
     {[ } ]}
 </fieldset>

src/templates/registration_request.html

 <span class="spinner login-submit"></span>
 <p class="info">{{{o.__("Hold tight, we're fetching the registration form…")}}}</p>
 {[ if (o.cancel) { ]}
-    <button class="pure-button button-cancel hor_centered">{{{o.__('Cancel')}}}</button>
+    <button class="btn btn-secondary button-cancel hor_centered">{{{o.__('Cancel')}}}</button>
 {[ } ]}