From 0c816d75d696631ad910f201c8c40fe7eda3fe88 Mon Sep 17 00:00:00 2001
From: Mykyta Maliarchuk <84377976+nikita-web-ua@users.noreply.github.com>
Date: Fri, 19 Apr 2024 09:21:41 +0200
Subject: [PATCH] [ACS-7575] create library dialog fixes (#9574)

---
 .../src/lib/dialogs/library/library.dialog.html    | 14 +++++++-------
 .../src/lib/dialogs/library/library.dialog.scss    | 11 ++++++++++-
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/lib/content-services/src/lib/dialogs/library/library.dialog.html b/lib/content-services/src/lib/dialogs/library/library.dialog.html
index 8d750481f0..12bb2d28aa 100644
--- a/lib/content-services/src/lib/dialogs/library/library.dialog.html
+++ b/lib/content-services/src/lib/dialogs/library/library.dialog.html
@@ -1,10 +1,10 @@
 <h2 mat-dialog-title>{{ createTitle | translate }}</h2>
 
-<mat-dialog-content>
+<mat-dialog-content class="adf-library-dialog-content">
   <form novalidate [formGroup]="form" (submit)="submit()">
-    <mat-form-field class="adf-library-dialog-form-field">
+    <mat-form-field class="adf-library-dialog-form-field" appearance="outline">
+      <mat-label>{{ 'LIBRARY.DIALOG.FORM.NAME' | translate }}</mat-label>
       <input
-        placeholder="{{ 'LIBRARY.DIALOG.FORM.NAME' | translate }}"
         required
         matInput
         formControlName="title"
@@ -28,10 +28,10 @@
       </mat-error>
     </mat-form-field>
 
-    <mat-form-field class="adf-library-dialog-form-field">
+    <mat-form-field class="adf-library-dialog-form-field" appearance="outline">
+      <mat-label>{{ 'LIBRARY.DIALOG.FORM.SITE_ID' | translate }}</mat-label>
       <input
         required
-        placeholder="{{ 'LIBRARY.DIALOG.FORM.SITE_ID' | translate }}"
         matInput
         formControlName="id"
         autocomplete="off"
@@ -46,10 +46,10 @@
       </mat-error>
     </mat-form-field>
 
-    <mat-form-field class="adf-library-dialog-form-field">
+    <mat-form-field class="adf-library-dialog-form-field" appearance="outline">
+      <mat-label>{{ 'LIBRARY.DIALOG.FORM.DESCRIPTION' | translate }}</mat-label>
       <textarea
         matInput
-        placeholder="{{ 'LIBRARY.DIALOG.FORM.DESCRIPTION' | translate }}"
         rows="3"
         formControlName="description"
       ></textarea>
diff --git a/lib/content-services/src/lib/dialogs/library/library.dialog.scss b/lib/content-services/src/lib/dialogs/library/library.dialog.scss
index 914e75c11f..48969e6903 100644
--- a/lib/content-services/src/lib/dialogs/library/library.dialog.scss
+++ b/lib/content-services/src/lib/dialogs/library/library.dialog.scss
@@ -1,8 +1,13 @@
 .adf-library-dialog {
+    .adf-library-dialog-content {
+        padding: 0;
+        overflow: unset;
+    }
+
     .adf-library-dialog-radio-group {
         display: flex;
         flex-direction: column;
-        margin: 0 0 20px;
+        margin: 0;
     }
 
     .adf-library-dialog-radio-group .adf-library-dialog-radio-group-button {
@@ -21,6 +26,10 @@
 
         .adf-action-button {
             text-transform: uppercase;
+
+            span {
+                font-weight: 500;
+            }
         }
     }
 }