final design and implementation of present-comment

src/app/components/shared/_dialogs/present-comment/present-comment.component.scss

-/*
-#comment {
-  position: absolute;
-  top:0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  margin: auto;
-  width: 100px;
-  height: 100px;
-  background-color: blue;
-  font-size: 1em;
-}
-*/
-
 #comment {
   display: flex;
   flex-direction: column;
@@ -22,8 +7,8 @@
   min-height: 90vh;
   font-size: 2.1em;
   margin: 0.5em 0.5em;
-}
 
+}
 
 #exitButton {
   position:absolute;

src/app/components/shared/_dialogs/present-comment/present-comment.component.spec.ts

+/*
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
 import { PresentCommentComponent } from './present-comment.component';
 
 describe('PresentCommentComponent', () => {
@@ -23,3 +23,4 @@ describe('PresentCommentComponent', () => {
     expect(component).toBeTruthy();
   });
 });
+*/

src/app/components/shared/_dialogs/present-comment/present-comment.component.ts

 import { Component, OnInit } from '@angular/core';
-import { MatDialog, MatDialogRef} from '@angular/material';
-import { TranslateService} from '@ngx-translate/core';
+import { MatDialog, MatDialogRef } from '@angular/material';
+import { TranslateService } from '@ngx-translate/core';
 
 @Component({
   selector: 'app-present-comment',

src/app/components/shared/shared.module.ts

@@ -23,7 +23,7 @@ import { LoginComponent } from './login/login.component';
 import { StatisticHelpComponent } from './_dialogs/statistic-help/statistic-help.component';
 import { CommentComponent } from './comment/comment.component';
 import { SubmitCommentComponent } from './_dialogs/submit-comment/submit-comment.component';
-import {PresentCommentComponent} from "./_dialogs/present-comment/present-comment.component";
+import { PresentCommentComponent } from './_dialogs/present-comment/present-comment.component';
 
 @NgModule({
   imports: [