add bootstrap to passphrase page

web/templates/flask_user/edit_user_profile.html

@@ -17,14 +17,15 @@
     {% endfor %}
 </form>
 <br/>
-<p><a href="../update_ids"><strong>Update your information from RadioID.net</strong></a></p>
 {% if not user_manager.USER_ENABLE_AUTH0 %}
     {% if user_manager.USER_ENABLE_CHANGE_USERNAME %}
         <p><a href="{{ url_for('user.change_username') }}">{%trans%}Change username{%endtrans%}</a></p>
     {% endif %}
     {% if user_manager.USER_ENABLE_CHANGE_PASSWORD %}
-        <p><a href="{{ url_for('user.change_password') }}">{%trans%}Change password{%endtrans%}</a></p>
+        <p><a href="{{ url_for('user.change_password') }}">{%trans%}<button type="button" class="btn btn-warning">Change Portal Passord</button>{%endtrans%}</a></p>
     {% endif %}
+    <p><a href="../update_ids"><strong><button type="button" class="btn btn-danger">Update your information from RadioID.net</button></strong></a></p>
+
 {% endif %}
 
 {% endblock %}

web/templates/flask_user_layout.html

@@ -95,7 +95,7 @@
     {% endif %}
   </div>
 </nav>
-    <p><img style="display: block; margin-left: auto; margin-right: auto;" src="{{ url_for('static', filename='HBnet.png') }}" alt="Logo" width="300" height="144" /></p>
+    <p><img class="img-responsive" style="display: block; margin-left: auto; margin-right: auto;" src="{{ url_for('static', filename='HBnet.png') }}" alt="Logo" width="300" height="144" /></p>
 <hr />
 
     

web/templates/view_passphrase.html

@@ -1,19 +1,10 @@
 {% extends 'flask_user/_public_base.html' %}
 {% block content %}
 <p>&nbsp;</p><h4 style="text-align: center;"><a href="/generate_passphrase/pi-star">Click here</a> for automated Pi-Star script.</h4><p>&nbsp;</p>
-<table style="width: 900px; margin-left: auto; margin-right: auto;">
-<tbody>
-<tr>
-<td>
 
-{{server_content}}
+ <div class="row">
-
+  <div class="col-xs-4">{{server_content}}</div>
-</td>
+  <div class="col-xs-8">{{passphrase_content}}</div>
-<td>{{passphrase_content}}
+</div> 
-</td>
-
-</tr>
-</tbody>
-</table>
 <p>&nbsp;</p>
 {% endblock %}