From 89cf62e360608cee9489e865b2a91e23a00d4d14 Mon Sep 17 00:00:00 2001
From: KF7EEL <kf7eel@qsl.net>
Date: Fri, 6 Aug 2021 20:28:56 -0700
Subject: [PATCH] add bootstrap to passphrase page

---
 web/templates/flask_user/edit_user_profile.html |  5 +++--
 web/templates/flask_user_layout.html            |  2 +-
 web/templates/view_passphrase.html              | 17 ++++-------------
 3 files changed, 8 insertions(+), 16 deletions(-)

diff --git a/web/templates/flask_user/edit_user_profile.html b/web/templates/flask_user/edit_user_profile.html
index ad30a56..04c7589 100644
--- a/web/templates/flask_user/edit_user_profile.html
+++ b/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 %}
diff --git a/web/templates/flask_user_layout.html b/web/templates/flask_user_layout.html
index a80388e..09570b4 100644
--- a/web/templates/flask_user_layout.html
+++ b/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 />
 
     
diff --git a/web/templates/view_passphrase.html b/web/templates/view_passphrase.html
index 52ef2bc..428f565 100644
--- a/web/templates/view_passphrase.html
+++ b/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}}
-
-</td>
-<td>{{passphrase_content}}
-</td>
-
-</tr>
-</tbody>
-</table>
+ <div class="row">
+  <div class="col-xs-4">{{server_content}}</div>
+  <div class="col-xs-8">{{passphrase_content}}</div>
+</div> 
 <p>&nbsp;</p>
 {% endblock %}