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 9d75088b407db16714b1077c71721c9607fa3f8b..35bde2ad37e2c6b7f212a8565d93f95dad1f41a0 100644 (file)
--- 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 9becf6cb210ee85e9771f541b3c4fe3fc716b369..d686293288b2998e18cdf014c0e9760f385eaa5d 100644 (file)
--- 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 d934993c0c58b7e77b2c97a07a1e7c06c55c0c85..bf7397cc06c2941f01c2e9cd7f50f5461927eacb 100644 (file)
--- 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 56e256bb4faf4042c1e5b4984ae8f8e7b579e09f..194c409049565a088f92bd0ecd1f13964f1cf053 100644 (file)
--- 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 975119f69cfa423b9eb6eb24d75fca7ff2567a50..a359bd387f43a4f463295070e54ce2b4d9b1af2f 100644 (file)
--- 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 431a170802bff1cd0ac6729c3af126dad68639c7..98714e5539a931ad6083a225b90c5b2d341ec9f2 100644 (file)
--- 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 451bb8a7d2489d51e143526001d0cf47cbe2444d..5c94f06359dc14ce1ff7a5d916800013810b94fa 100644 (file)
--- 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"/>