One more styling tweak

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;
+  }
 }

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">
+                        <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-n1'" %}
+                            {% include "paperless-ngx/snippets/svg_leaf.html" with extra_attrs="width='30' class='mt-2'" %}
-                            <span class="ms-2">{{ APP_TITLE }}</span>
+                            <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">