From c9cc62e8f6d86318ac3d72072105f6e48222b5a7 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Sun, 19 May 2024 11:19:33 -0700
Subject: [PATCH] One more styling tweak

---
 src/documents/static/base.css                   |  9 +++++----
 src/documents/templates/paperless-ngx/base.html | 15 +++++++++------
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/documents/static/base.css b/src/documents/static/base.css
index ed6f091ba..90d8d7b77 100644
--- a/src/documents/static/base.css
+++ b/src/documents/static/base.css
@@ -16,10 +16,6 @@ body {
   letter-spacing: 0.1rem;
 }
 
-.mt-n1 {
-  margin-top: -0.8rem;
-}
-
 .text-primary {
   color: var(--pngx-primary) !important;
 }
@@ -45,6 +41,7 @@ body {
 
 .form-accounts {
   max-width: 330px;
+  min-width: 300px;
 }
 
 .form-stacked-top input {
@@ -91,4 +88,8 @@ body {
   svg.logo .text {
     fill: #abb2bf !important;
   }
+
+  .byline {
+    color: #abb2bf;
+  }
 }
diff --git a/src/documents/templates/paperless-ngx/base.html b/src/documents/templates/paperless-ngx/base.html
index 293eab3e8..49fc0edf4 100644
--- a/src/documents/templates/paperless-ngx/base.html
+++ b/src/documents/templates/paperless-ngx/base.html
@@ -25,15 +25,18 @@
                 {% else %}
                     {% if APP_LOGO %}
                         <img src="{{APP_LOGO}}" width="300" class="logo mb-1" />
+                        <div class="d-flex flex-column align-items-end mb-4">
+                            <span class="byline text-uppercase font-monospace">by Paperless-ngx</span>
+                        </div>
                     {% else %}
-                        <h1 class="text-primary font-weight-normal mb-1">
-                            {% include "paperless-ngx/snippets/svg_leaf.html" with extra_attrs="width='30' class='mt-n1'" %}
-                            <span class="ms-2">{{ APP_TITLE }}</span>
+                        <h1 class="font-weight-normal text-primary mb-1 d-flex justify-content-center align-items-start">
+                            {% include "paperless-ngx/snippets/svg_leaf.html" with extra_attrs="width='30' class='mt-2'" %}
+                            <div class="d-flex flex-column align-items-end mb-4">
+                                <span class="ms-2">{{ APP_TITLE }}</span>
+                                <span class="byline text-uppercase font-monospace">by Paperless-ngx</span>
+                            </div>
                         </h1>
                     {% endif %}
-                    <div class="d-flex flex-column align-items-end mb-4">
-                        <span class="byline text-uppercase font-monospace">by Paperless-ngx</span>
-                    </div>
                 {% endif %}
                 {% for message in messages %}
                     <div class="alert alert-{{ message.level_tag }}" role="alert">