[ACS-7681] Bell icon not aligned [ACS-7571] Comments [ACS-7563] Add permission dialog (#9594)

lib/core/src/lib/comments/comment-list/comment-list.component.scss

@@ -1,4 +1,5 @@
 .adf-comment-list {
+    padding-bottom: 0;
     .adf {
         &-comment-img-container {
             width: 40px;
@@ -56,7 +57,7 @@
             margin-top: 5px;
             width: 100%;
             padding: 2px 10px;
-            font-size: var(--theme-caption-font-size);
+            font-size: unset;
             color: var(--adf-theme-foreground-text-color);
         }
 

lib/core/src/lib/comments/comments.component.html

@@ -3,11 +3,12 @@
         {{'COMMENTS.HEADER' | translate: { count: comments?.length } }}
     </div>
     <div *ngIf="!readOnly" class="adf-comments-input-container adf-comments-divider">
-            <mat-form-field class="adf-comments-form-field" subscriptSizing="dynamic">
+            <mat-form-field>
                 <mat-label>{{'COMMENTS.ADD' | translate}}</mat-label>
                 <textarea
                     matInput
                     id="comment-input"
+                    class="adf-text-text-area"
                     [attr.aria-label]="'COMMENTS.ADD' | translate"
                     [(ngModel)]="message"
                     (keydown.escape)="clearMessage($event)"

lib/core/src/lib/comments/comments.component.scss

@@ -12,16 +12,12 @@ adf-comments {
 
             textarea {
                 resize: vertical;
+                height: 20px;
             }
 
             #{$mat-form-field} {
-                padding-bottom: 12px;
                 width: 100%;
             }
-
-            #{$mat-form-field-infix} {
-                padding-bottom: 0;
-            }
         }
     }