diff --git a/src/app/components/shared/_dialogs/submit-comment/submit-comment.component.html b/src/app/components/shared/_dialogs/submit-comment/submit-comment.component.html index a28a981824d16e13c9a6d57de3b8a59f0009fb8c..30d97bd2f7a80353b1ec6a4f833fb1a15d1cbedb 100644 --- a/src/app/components/shared/_dialogs/submit-comment/submit-comment.component.html +++ b/src/app/components/shared/_dialogs/submit-comment/submit-comment.component.html @@ -1,15 +1,13 @@ <div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px"> + <mat-form-field class="input-block"> + <textarea matInput #commentBody placeholder="{{ 'comment-page.enter-comment' | translate}}" + matAutosizeMinRows=2 matAutosizeMaxRows=5 maxlength="255" [formControl]="bodyForm"></textarea> + <mat-hint align="end">{{commentBody.value.length}} / 255</mat-hint> + </mat-form-field> <div fxLayout="row" fxLayoutAlign="center"> - <form> - <mat-form-field class="input-block"> - <textarea matInput #commentBody placeholder="{{ 'comment-page.enter-comment' | translate}}" - matAutosizeMinRows=2 matAutosizeMaxRows=5 maxlength="255" [formControl]="bodyForm"></textarea> - <mat-hint align="end">{{commentBody.value.length}} / 255</mat-hint> - </mat-form-field> - <button mat-raised-button color="warn" - (click)="onNoClick()">{{ 'comment-page.abort' | translate}}</button> - <button mat-raised-button color="accent" - (click)="closeDialog(commentBody.value)">{{ 'comment-page.send' | translate}}</button> - </form> + <button mat-raised-button color="warn" + (click)="onNoClick()">{{ 'comment-page.abort' | translate}}</button> + <button mat-raised-button color="accent" + (click)="closeDialog(commentBody.value)">{{ 'comment-page.send' | translate}}</button> </div> </div> diff --git a/src/app/components/shared/comment-list/comment-list.component.scss b/src/app/components/shared/comment-list/comment-list.component.scss index 109ff4aaf2b5fec6f8c0a81546da5971cef86eb7..f38ed539257f36ed4beb22e4ace957eb438febd7 100644 --- a/src/app/components/shared/comment-list/comment-list.component.scss +++ b/src/app/components/shared/comment-list/comment-list.component.scss @@ -21,7 +21,6 @@ input { } button{ - //min-height: 100% !important; min-width: 100px; } @@ -40,7 +39,7 @@ mat-icon { width: 60px; height: 60px; position: fixed; - top: 80%; + top: 82%; right: 35%; }