dbl: Make the index page work better on tablets

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/templates/dbl/index.html b/src/templates/dbl/index.html
index 747e02e11bdb4370992957ef26b71782d98cfe24..79ee75083f3614cf54a717dc2dadd253e3df6288 100644 (file)
--- a/src/templates/dbl/index.html
+++ b/src/templates/dbl/index.html
@@ -473,7 +473,7 @@
                <div class="hero-body">
                        <div class="container">
                                <div class="columns is-centered">
-                                       <div class="column is-half">
+                                       <div class="column is-half-desktop">
                                                <div class="box">
                                                        <h3 class="title is-3">
                                                                {{ _("Want More Network Intelligence? Try IPFire Location") }}

diff --git a/src/templates/dbl/modules/lists.html b/src/templates/dbl/modules/lists.html
index bad88dec68e2cd481bc39578bd8e6dc77f9f2879..79ef63e38bb5824ced590cc2d38eca386c632a2f 100644 (file)
--- a/src/templates/dbl/modules/lists.html
+++ b/src/templates/dbl/modules/lists.html
@@ -1,6 +1,6 @@
 <div class="columns is-multiline my-5">
        {% for list in sorted(lists) %}
-               <div class="column is-one-third">
+               <div class="column is-one-third-desktop is-half-tablet">
                        <div class="columns my-1">
                                <div class="column">
                                        <h4 class="title is-4">