fireinfo/profile: restyled the page

diff --git a/src/templates/fireinfo/profile.html b/src/templates/fireinfo/profile.html
index e29d2c7f57d6e370d7b7a0aed5b9e582b5c9c075..c984294de0bf80084d30a8761cfbedca44c71823 100644 (file)
--- a/src/templates/fireinfo/profile.html
+++ b/src/templates/fireinfo/profile.html
@@ -3,40 +3,37 @@
 {% block title %}{{ _("Profile %s") % profile.public_id }}{% end block %}
 
 {% block content %}
-       <section>
+       <section class="section">
                <div class="container">
-                       <div class="row">
-                               <div class="col col-lg-8 offset-lg-1">
-                                       <h1 class="display-2 mb-0">{{ _("Profile") }}</h1>
-                                       <h5>{{ profile.public_id }}</h5>
+                       <div class="columns">
+                               <div class="column is-8">
+                                       <h1 class="title is-1">{{ _("Profile") }}</h1>
+                                       <h5 class="title is-5">{{ profile.public_id }}</h5>
                                </div>
                        </div>
                </div>
        </section>
 
        <div class="container">
-               <div class="row justify-content-center">
-                       <div class="col-12 col-lg-10">
+               <div class="columns">
+                       <div class="column is-10">
                                {% if profile.appliance_id %}
-                                       <div class="card mb-3">
-                                               <div class="card-body">
-                                                       <div class="row">
-                                                               <div class="col-12 col-sm-7">
-                                                                       <small>{{ _("This is a") }}</small>
-                                                                       <h5 class="card-title text-lwl">{{ profile.appliance }}</h5>
-                                                               </div>
-
-                                                               <div class="col-12 col-sm-5 d-flex align-items-center">
-                                                                       <div class="d-grid">
-                                                                               <a class="btn btn-lwl text-truncate" href="https://www.lightningwirelabs.com">
-                                                                                       {{ _("Go to Lightning Wire Labs") }} <span class="fas fa-external-link-alt ml-2"></span>
-                                                                               </a>
-                                                                       </div>
-                                                               </div>
-                                                       </div>
+                                       <div class="columns">
+                                               <div class="column is-7">
+                                                       <small>{{ _("This is a") }}</small>
+                                                       <h5 class="title is-5 is-lwl">{{ profile.appliance }}</h5>
+                                               </div>
+
+                                               <div class="column is-5">
+                                                       <a class="button is-lwl" href="https://www.lightningwirelabs.com">
+                                                               {{ _("Go to Lightning Wire Labs") }} <span class="fas fa-external-link-alt ml-2"></span>
+                                                       </a>
                                                </div>
                                        </div>
                                {% end %}
+                       </div>
+               </div>
+
 
                                <div class="card mb-5">
                                        <div class="card-body">