From 5c05ec0a8b32cf3dcd981fba54a227b58e54ebdf Mon Sep 17 00:00:00 2001
From: Johannes Erwerle <jo@swagspace.org>
Date: Sun, 18 Oct 2026 10:38:06 +0200
Subject: [PATCH] Fixed CSS styling by inserting bulma content class where
 needed.

---
 community_backup/static/webui/css/webui.css     |  4 ----
 community_backup/webui/templates/borg_list.html |  8 ++++----
 community_backup/webui/templates/landing.html   | 12 ++++++------
 community_backup/webui/templates/markdown.html  |  2 +-
 4 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/community_backup/static/webui/css/webui.css b/community_backup/static/webui/css/webui.css
index 40cedd4..e465940 100644
--- a/community_backup/static/webui/css/webui.css
+++ b/community_backup/static/webui/css/webui.css
@@ -1,7 +1,3 @@
-h1 {
-  font-size: 2rem
-}
-
 .pixelart {
   image-rendering: crisp-edges;
 }
diff --git a/community_backup/webui/templates/borg_list.html b/community_backup/webui/templates/borg_list.html
index 0547f8c..ae42f38 100644
--- a/community_backup/webui/templates/borg_list.html
+++ b/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>
diff --git a/community_backup/webui/templates/landing.html b/community_backup/webui/templates/landing.html
index 7b4045d..27a0cdf 100644
--- a/community_backup/webui/templates/landing.html
+++ b/community_backup/webui/templates/landing.html
@@ -1,12 +1,12 @@
 {% extends "base.html" %}
 
 {% block content %}
-
-  <h1 class="has-text-centered">Welcome to Community Backup!</h1>
-
+<div class="content">
   <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>
-  <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>
+    <h1 class="has-text-centered">Welcome to Community Backup!</h1>
+    <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>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 %}
diff --git a/community_backup/webui/templates/markdown.html b/community_backup/webui/templates/markdown.html
index d3537e0..0970b1c 100644
--- a/community_backup/webui/templates/markdown.html
+++ b/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 %}