fireinfo/admin: restyled the page

diff --git a/src/templates/fireinfo/admin.html b/src/templates/fireinfo/admin.html
index d30811a1459a825bd4d9b415b29a836e875604a4..4015b7dd8bcc4472439f8f6e53303bfb9cf94d60 100644 (file)
--- a/src/templates/fireinfo/admin.html
+++ b/src/templates/fireinfo/admin.html
@@ -3,22 +3,46 @@
 {% block title %}{{ _("Admin") }}{% end block %}
 
 {% block container %}
-       <section class="section">
-               <div class="container">
-                       <div class="columns">
-                               <div class="column">
-                                       <div class="has-text-centered">
-                                               <h1 class="title is-1">{{ "{:,d}".format(total) }}</h1>
-                                               <h4 class="title is-4">{{ _("Total amount of profiles") }}</h4>
-                                       </div>
-                               </div>
+       <section class="hero is-primary is-fullheight-with-navbar">
+               <div class="hero-body">
+                       <div class="container">
+                               <nav class="breadcrumb is-medium" aria-label="breadcrumbs">
+                                       <ul>
+                                               <li>
+                                                       <a href="https://ipfire.org/">
+                                                               Home
+                                                       </a>
+                                               </li>
+                                               <li>
+                                                       <a href="/">
+                                                               {{ _("Fireinfo") }}
+                                                       </a>
+                                               </li>
+                                               <li class="is-active">
+                                                       <a href="#">
+                                                               Admin
+                                                       </a>
+                                               </li>
+                                       </ul>
+                               </nav>
+
+                               <section class="section">
+                                       <div class="columns is-vcentered">
+                                               <div class="column">
+                                                       <div class="has-text-centered">
+                                                               <h1 class="title is-1">{{ "{:,d}".format(total) }}</h1>
+                                                               <h4 class="title is-4">{{ _("Total amount of profiles") }}</h4>
+                                                       </div>
+                                               </div>
 
-                               <div class="column">
-                                       <div class="has-text-centered">
-                                               <h1 class="title is-1">{{ "%.2f%%" % (with_data * 100 / total) }}</h1>
-                                               <h4 class="title is-4">{{ _("Reporting back to us") }}</h4>
+                                               <div class="column">
+                                                       <div class="has-text-centered">
+                                                               <h1 class="title is-1">{{ "%.2f%%" % (with_data * 100 / total) }}</h1>
+                                                               <h4 class="title is-4">{{ _("Reporting back to us") }}</h4>
+                                                       </div>
+                                               </div>
                                        </div>
-                               </div>
+                               </section>
                        </div>
                </div>
        </section>