From 9270efeadfc406522523c01dfc226ccfda53199d Mon Sep 17 00:00:00 2001
From: George Lacey <git@george.ooo>
Date: Mon, 10 May 2021 15:35:18 +0100
Subject: [PATCH] Add shadows and set overflow correctly

---
 borgweb/borg/templates/borg/index.html    | 12 ++++++------
 borgweb/templates/registration/login.html |  6 +++---
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/borgweb/borg/templates/borg/index.html b/borgweb/borg/templates/borg/index.html
index 2bd65ea..cd0b512 100644
--- a/borgweb/borg/templates/borg/index.html
+++ b/borgweb/borg/templates/borg/index.html
@@ -25,22 +25,22 @@
 {% if repo_list %}
 <div class="container mx-auto d-flex justify-content-center flex-wrap overflow-hidden">
 {% for repo in repo_list %}
-    <div style="width: 500px;" class="rounded bg-primary
+    <div style="width: 500px;" class="shadow rounded bg-primary overflow-hidden
                 {% if not repo.archive_after_latest_error %}bg-danger{% endif %}">
         <div class="row me-1 overflow-hidden text-truncate">
         <h2>{{ repo.label }}
             <small class="text-muted"> {{ repo.location }}</small>
         </h2>
         </div>
-        <dl class="row px-3 overflow-hidden">
+        <dl class="row ps-3 overflow-hidden">
             <dt class="col-3">Latest backup:</dt>
             <dd class="col-9">{{ repo.last_backup }}</dd>
         </dl>
-        <dl class="row px-3">
+        <dl class="row ps-3 overflow-hidden" >
             <dt class="col-3">Hourly backups:</dt>
             <dd class="col-9">{{ repo.hourly_archive_string }}</dd>
         </dl>
-        <dl class="row px-3">
+        <dl class="row ps-3 overflow-hidden">
             <dt class="col-3">Size:</dt>
             <dd class="col-9">{{ repo.size_string }}</dd>
         </dl>
@@ -49,7 +49,7 @@
             <dt class="col-12 h4">Recent errors:</dt>
         </dl>
         {% endif %}
-        <dl class="row px-3">
+        <dl class="row ps-3">
             {% for error in repo.recent_errors %}
             <dt class="col-3">{{ error.time_ago }}</dt>
             <dd class="col-9 text-truncate">{{ error.error }}</dd>
@@ -57,7 +57,7 @@
         </dl>
     </div>
 {% endfor %}
-<div style="width: 500px;" class="rounded bg-primary">
+<div style="width: 500px;" class="shadow rounded bg-primary overflow-hidden">
     <canvas id="backup_csize_hourly" width="400" height="200"></canvas>
 </div>
 {% else %}
diff --git a/borgweb/templates/registration/login.html b/borgweb/templates/registration/login.html
index 257bcf2..c5610c3 100644
--- a/borgweb/templates/registration/login.html
+++ b/borgweb/templates/registration/login.html
@@ -31,21 +31,21 @@
         <!--    <img class="mb-4" src="" alt="" width="" height="">-->
         <h1 class="h1 mb-4 fw-regular">Log in</h1>
 
-        <div class="form-floating my-2">
+        <div class="shadow form-floating my-2">
             <input class="form-control" placeholder="Username" type="text" name="username" autofocus=""
                    autocapitalize="none" autocomplete="username"
                    maxlength="150" required="" id="{{ form.username.id_for_label }}">
             <label for="{{ form.username.id_for_label }}">Username</label>
 
         </div>
-        <div class="form-floating mb-4">
+        <div class="shadow form-floating mb-4">
             <input class="form-control" placeholder="Password" type="password" name="password"
                    autocomplete="current-password" required=""
                    id="{{ form.password.id_for_label }}">
             <label for="{{ form.password.id_for_label }}">Password</label>
         </div>
 
-        <button class="w-100 btn btn-lg btn-primary" type="submit">Log In</button>
+        <button class="shadow w-100 btn btn-lg btn-info" type="submit">Log In</button>
     </form>
         </div>
 </main>