From 5b9544d56bbd342a05461681804618ea90841ce2 Mon Sep 17 00:00:00 2001
From: Vladimir Potekhin <46284632+vladimirpotekhin@users.noreply.github.com>
Date: Thu, 25 May 2023 18:14:08 +0300
Subject: [PATCH] fix(kit): `InputFiles` fix description padding (#4529)

---
 projects/kit/components/input-files/input-files.style.less   | 4 +++-
 .../kit/components/input-files/input-files.template.html     | 5 ++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/projects/kit/components/input-files/input-files.style.less b/projects/kit/components/input-files/input-files.style.less
index f38afa57b657..e585b5bcf47a 100644
--- a/projects/kit/components/input-files/input-files.style.less
+++ b/projects/kit/components/input-files/input-files.style.less
@@ -26,10 +26,12 @@ tui-input-files {
     }
 
     .t-description {
-        .fullsize();
         display: flex;
         justify-content: center;
         align-items: center;
+        height: 100%;
+        padding: 1rem 0;
+        box-sizing: border-box;
     }
 }
 
diff --git a/projects/kit/components/input-files/input-files.template.html b/projects/kit/components/input-files/input-files.template.html
index 57074872cd9a..3981dd6799f3 100644
--- a/projects/kit/components/input-files/input-files.template.html
+++ b/projects/kit/components/input-files/input-files.template.html
@@ -17,18 +17,17 @@
     >
         <div class="t-description">
             <ng-container *ngTemplateOutlet="template || null; context: {$implicit: fileDragged}"></ng-container>
-            <ng-container *ngIf="!template">
+            <div *ngIf="!template">
                 <a tuiLink>
                     <ng-container *polymorpheusOutlet="computedLink$ | async as text">
                         {{ text }}
                     </ng-container>
                 </a>
-                &nbsp;
                 <span
                     *polymorpheusOutlet="computedLabel$ | async as text"
                     [textContent]="text"
                 ></span>
-            </ng-container>
+            </div>
         </div>
         <ng-container *ngIf="!readOnly && !computedDisabled">
             <ng-content select="input"></ng-content>