From 47a416dd9b6cdd7ecd4881bc5ae1373a745b1aa3 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Tue, 21 Nov 2023 13:53:11 -0800
Subject: [PATCH] Fix: consistent bottom margin for form field labels

---
 .../src/app/components/common/input/check/check.component.html  | 2 +-
 src-ui/src/app/components/common/input/date/date.component.html | 2 +-
 .../app/components/common/input/number/number.component.html    | 2 +-
 .../app/components/common/input/select/select.component.html    | 2 +-
 src-ui/src/app/components/common/input/tags/tags.component.html | 2 +-
 src-ui/src/app/components/common/input/text/text.component.html | 2 +-
 src-ui/src/app/components/common/input/url/url.component.html   | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

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 9d75088b4..35bde2ad3 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 9becf6cb2..d68629328 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 d934993c0..bf7397cc0 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 56e256bb4..194c40904 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 975119f69..a359bd387 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 431a17080..98714e553 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 451bb8a7d..5c94f0635 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"/>