From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Tue, 21 Nov 2023 21:53:11 +0000 (-0800)
Subject: Fix: consistent bottom margin for form field labels
X-Git-Tag: v2.0.0~3^2~7
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=47a416dd9b6cdd7ecd4881bc5ae1373a745b1aa3;p=thirdparty%2Fpaperless-ngx.git

Fix: consistent bottom margin for form field labels
---

diff --git a/src-ui/src/app/components/common/input/check/check.component.html b/src-ui/src/app/components/common/input/check/check.component.html
index 9d75088b40..35bde2ad37 100644
--- a/src-ui/src/app/components/common/input/check/check.component.html
+++ b/src-ui/src/app/components/common/input/check/check.component.html
@@ -1,7 +1,7 @@
 <div class="mb-3">
   <div class="row">
     <div *ngIf="horizontal" class="d-flex align-items-center position-relative hidden-button-container col-md-3">
-      <label class="form-label mb-md-0" [for]="inputId">{{title}}</label>
+      <label class="form-label" [class.mb-md-0]="horizontal" [for]="inputId">{{title}}</label>
       <button type="button" *ngIf="removable" class="btn btn-sm btn-danger position-absolute left-0" (click)="removed.emit(this)">
         <svg class="sidebaricon" fill="currentColor">
           <use xlink:href="assets/bootstrap-icons.svg#x"/>
diff --git a/src-ui/src/app/components/common/input/date/date.component.html b/src-ui/src/app/components/common/input/date/date.component.html
index 9becf6cb21..d686293288 100644
--- a/src-ui/src/app/components/common/input/date/date.component.html
+++ b/src-ui/src/app/components/common/input/date/date.component.html
@@ -1,7 +1,7 @@
 <div class="mb-3" [class.pb-3]="error">
   <div class="row">
     <div class="d-flex align-items-center position-relative hidden-button-container" [class.col-md-3]="horizontal">
-      <label class="form-label mb-md-0" [for]="inputId">{{title}}</label>
+      <label class="form-label" [class.mb-md-0]="horizontal" [for]="inputId">{{title}}</label>
       <button type="button" *ngIf="removable" class="btn btn-sm btn-danger position-absolute left-0" (click)="removed.emit(this)">
         <svg class="sidebaricon" fill="currentColor">
           <use xlink:href="assets/bootstrap-icons.svg#x"/>
diff --git a/src-ui/src/app/components/common/input/number/number.component.html b/src-ui/src/app/components/common/input/number/number.component.html
index d934993c0c..bf7397cc06 100644
--- a/src-ui/src/app/components/common/input/number/number.component.html
+++ b/src-ui/src/app/components/common/input/number/number.component.html
@@ -1,7 +1,7 @@
 <div class="mb-3" [class.pb-3]="error">
   <div class="row">
     <div class="d-flex align-items-center position-relative hidden-button-container" [class.col-md-3]="horizontal">
-      <label class="form-label mb-md-0" [for]="inputId">{{title}}</label>
+      <label class="form-label" [class.mb-md-0]="horizontal" [for]="inputId">{{title}}</label>
       <button type="button" *ngIf="removable" class="btn btn-sm btn-danger position-absolute left-0" (click)="removed.emit(this)">
         <svg class="sidebaricon" fill="currentColor">
           <use xlink:href="assets/bootstrap-icons.svg#x"/>
diff --git a/src-ui/src/app/components/common/input/select/select.component.html b/src-ui/src/app/components/common/input/select/select.component.html
index 56e256bb4f..194c409049 100644
--- a/src-ui/src/app/components/common/input/select/select.component.html
+++ b/src-ui/src/app/components/common/input/select/select.component.html
@@ -1,7 +1,7 @@
 <div class="mb-3 paperless-input-select" [class.disabled]="disabled">
   <div class="row">
     <div class="d-flex align-items-center position-relative hidden-button-container" [class.col-md-3]="horizontal">
-      <label *ngIf="title" class="form-label mb-md-0" [for]="inputId">{{title}}</label>
+      <label *ngIf="title" class="form-label" [class.mb-md-0]="horizontal" [for]="inputId">{{title}}</label>
       <button type="button" *ngIf="removable" class="btn btn-sm btn-danger position-absolute left-0" (click)="removed.emit(this)">
         <svg class="sidebaricon" fill="currentColor">
           <use xlink:href="assets/bootstrap-icons.svg#x"/>
diff --git a/src-ui/src/app/components/common/input/tags/tags.component.html b/src-ui/src/app/components/common/input/tags/tags.component.html
index 975119f69c..a359bd387f 100644
--- a/src-ui/src/app/components/common/input/tags/tags.component.html
+++ b/src-ui/src/app/components/common/input/tags/tags.component.html
@@ -1,7 +1,7 @@
 <div class="mb-3 paperless-input-select paperless-input-tags" [class.disabled]="disabled" [class.pb-3]="suggestions">
   <div class="row">
     <div class="d-flex align-items-center" [class.col-md-3]="horizontal">
-      <label class="form-label mb-md-0" for="tags" i18n>{{title}}</label>
+      <label class="form-label" [class.mb-md-0]="horizontal" for="tags" i18n>{{title}}</label>
     </div>
     <div class="position-relative" [class.col-md-9]="horizontal">
       <div class="input-group flex-nowrap">
diff --git a/src-ui/src/app/components/common/input/text/text.component.html b/src-ui/src/app/components/common/input/text/text.component.html
index 431a170802..98714e5539 100644
--- a/src-ui/src/app/components/common/input/text/text.component.html
+++ b/src-ui/src/app/components/common/input/text/text.component.html
@@ -1,7 +1,7 @@
 <div class="mb-3" [class.pb-3]="error">
   <div class="row">
     <div class="d-flex align-items-center position-relative hidden-button-container" [class.col-md-3]="horizontal">
-      <label class="form-label mb-md-0" [for]="inputId">{{title}}</label>
+      <label class="form-label" [class.mb-md-0]="horizontal" [for]="inputId">{{title}}</label>
       <button type="button" *ngIf="removable" class="btn btn-sm btn-danger position-absolute left-0" (click)="removed.emit(this)">
         <svg class="sidebaricon" fill="currentColor">
           <use xlink:href="assets/bootstrap-icons.svg#x"/>
diff --git a/src-ui/src/app/components/common/input/url/url.component.html b/src-ui/src/app/components/common/input/url/url.component.html
index 451bb8a7d2..5c94f06359 100644
--- a/src-ui/src/app/components/common/input/url/url.component.html
+++ b/src-ui/src/app/components/common/input/url/url.component.html
@@ -1,7 +1,7 @@
 <div class="mb-3" [class.pb-3]="error">
     <div class="row">
       <div class="d-flex align-items-center position-relative hidden-button-container" [class.col-md-3]="horizontal">
-        <label class="form-label mb-md-0" [for]="inputId">{{title}}</label>
+        <label class="form-label" [class.mb-md-0]="horizontal" [for]="inputId">{{title}}</label>
         <button type="button" *ngIf="removable" class="btn btn-sm btn-danger position-absolute left-0" (click)="removed.emit(this)">
           <svg class="sidebaricon" fill="currentColor">
             <use xlink:href="assets/bootstrap-icons.svg#x"/>