Fixed CSS styling by inserting bulma content class where needed.

community_backup/static/webui/css/webui.css

@@ -1,7 +1,3 @@
-h1 {
-  font-size: 2rem
-}
-
 .pixelart {
   image-rendering: crisp-edges;
 }

community_backup/webui/templates/borg_list.html

@@ -1,6 +1,8 @@
 {% extends "base.html" %}
 
 {% block content %}
+
+<section class="section content">
 <nav class="level">
   <div class="level-left">
   <h1 class="level-item">Your Borg Repositories</h1>
@@ -9,13 +11,11 @@
     <a class="level-item button is-primary" href="{% url 'borg_add' %}" role="button">Add Repository</a>
   </div>
 </nav>
-
-<section class="section">
 <p>Create a borg repository by specifying a name and the SSH public key that is allowed to access this repository. The name is only for your convenience. To set up the repository please follow the <a href="https://borgbackup.readthedocs.io/en/stable/">BorgBackup documentation</a>. There is also a <a href="https://borgbackup.readthedocs.io/en/stable/quickstart.html">Quick start guide</a> available.
   <b>Always use encrypted backups!</b></p>
 </section>
 
-<section class="section">
+<section class="section content">
 <table class="table is-striped is-fullwidth is-hoverable">
   <thead>
     <th>Name</th>
@@ -44,7 +44,7 @@
 </section>
 
 {% if BORG_SERVER_PUBKEYS %}
-<section class="section">
+<section class="section content">
 <div class="card">
   <header class="card-header">
     <p class="card-header-title">Borg Server Public Keys</p>

community_backup/webui/templates/landing.html

@@ -1,12 +1,12 @@
 {% extends "base.html" %}
 
 {% block content %}
-
+<div class="content">
-  <h1 class="has-text-centered">Welcome to Community Backup!</h1>
-
   <section class="section">
-  <p>This is a service offering space for backups free of charge. This is a hobby project. It comes with no guarantees for anything, especially availability of the service. This service is in a testing phase at the moment. It might be unavailable at times and features might change quickly.</p>
+    <h1 class="has-text-centered">Welcome to Community Backup!</h1>
-  <p>Currently this service offers backups only via <a href="https://www.borgbackup.org/">Borg Backup</a>.</p>
+    <p>This is a service offering space for backups free of charge. This is a hobby project. It comes with no guarantees for anything, especially availability of the service. This service is in a testing phase at the moment. It might be unavailable at times and features might change quickly.</p>
-  <p>To access this service you need an account. To register for an account you need a voucher. Vouchers are required to control the amount of users, so that there is enough space available for everyone.</p>
+    <p>Currently this service offers backups only via <a href="https://www.borgbackup.org/">Borg Backup</a>.</p>
+    <p>To access this service you need an account. To register for an account you need a voucher. Vouchers are required to control the amount of users, so that there is enough space available for everyone.</p>
   </section>
+</div>
 {% endblock %}

community_backup/webui/templates/markdown.html

@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 
 {% block content %}
-<section class="section">
+<section class="section content">
   {{ markdown_content|safe }}
 </section >
 {% endblock %}