fireinfo/processors: restyled the page

diff --git a/src/templates/fireinfo/processors.html b/src/templates/fireinfo/processors.html
index 56dddbccae9d96c67089296218a02cb535fb6c07..62b496c097a9cd3875006e2208519594afbda244 100644 (file)
--- a/src/templates/fireinfo/processors.html
+++ b/src/templates/fireinfo/processors.html
@@ -36,9 +36,9 @@
                        {% for platform in flags %}
                                <h2 class="title is-2">{{ platform }}</h2>
 
-                               <dl class="row">
-                                       {% for flag, percentage in flags[platform] %}
-                                               <dt class="col-sm-4">
+                               {% for flag, percentage in flags[platform] %}
+                                       <div class="columns">
+                                               <div class="column is-2">
                                                        {% if flag == "aes" %}
                                                                {{ _("AES Instruction Set") }}
                                                        {% elif flag == "avx" %}
@@ -98,9 +98,9 @@
                                                        {% else %}
                                                                {{ flag }}
                                                        {% end %}
-                                               </dt>
+                                               </div>
 
-                                               <dd class="col-sm-8">
+                                               <div class="column">
                                                        {% if percentage >= 0.95 %}
                                                                {% module ProgressBar(percentage, "success") %}
                                                        {% elif percentage >= 0.5 %}
@@ -110,9 +110,9 @@
                                                        {% else %}
                                                                {% module ProgressBar(percentage, "danger") %}
                                                        {% end %}
-                                               </dd>
-                                       {% end %}
-                               </dl>
+                                               </div>
+                                       </div>
+                               {% end %}
                        {% end %}
                </div>
        </section>