diff --git a/src/app/components/shared/_dialogs/present-comment/present-comment.component.html b/src/app/components/shared/_dialogs/present-comment/present-comment.component.html index e24779e17cf6ec0b48ea83488971abdca549817c..2821f44cd9cb9d2a48670fe4ae68669758a34519 100644 --- a/src/app/components/shared/_dialogs/present-comment/present-comment.component.html +++ b/src/app/components/shared/_dialogs/present-comment/present-comment.component.html @@ -1,6 +1,14 @@ -<mat-slider min="1" max="2" step="0.1" thumbLabel tickInterval="auto" - (input)="updateFontSize($event)" id="slider"></mat-slider> -<button id="exitButton" mat-raised-button color="warn" (click)="onCloseClick()"> +<div fxLayout="row"> + <div fxLayout="column" fxLayoutAlign="center"> + <mat-icon>zoom_out</mat-icon> + </div> + <mat-slider min="1" max="5" step="0.1" tickInterval="auto" + (input)="updateFontSize($event)" id="slider"></mat-slider> + <div fxLayout="column" fxLayoutAlign="center"> + <mat-icon>zoom_in</mat-icon> + </div> +</div> +<button id="exitButton" mat-raised-button (click)="onCloseClick()"> <mat-icon >exit_to_app</mat-icon> </button> <div id="comment"> diff --git a/src/app/components/shared/_dialogs/present-comment/present-comment.component.scss b/src/app/components/shared/_dialogs/present-comment/present-comment.component.scss index 305ba28b00216ed7f567c965cacf4e34ea8ba1bc..b08d1d39f9418ef75ebfc6ba588cd560647a88be 100644 --- a/src/app/components/shared/_dialogs/present-comment/present-comment.component.scss +++ b/src/app/components/shared/_dialogs/present-comment/present-comment.component.scss @@ -2,22 +2,18 @@ display: flex; flex-direction: column; justify-content: center; - align-items: center; - text-align: center; + text-align: left; min-height: 90vh; font-size: 2.1em; - margin: 0.5em 0.5em; - + margin: 5%; + word-break: break-all; } #exitButton { + background-color: var(--red); + color: white; position:absolute; top:2em; right:2em; -} - -#slider { - position:absolute; - top:2em; - left:2em; + max-height: 100px; }