edit the spellcheck button

src/app/components/shared/_dialogs/create-comment/create-comment.component.html

@@ -89,10 +89,10 @@
     <mat-divider></mat-divider>
   </ars-row>
   <ars-row ars-flex-box>
-    <ars-fill>
-    </ars-fill>
     <ars-col>
-      <button (click)="grammarCheck(commentBody)">{{ 'comment-page.grammar-check' | translate}}</button>
+      <button class="mat-flat-button spell-button"  (click)="grammarCheck(commentBody)">{{ 'comment-page.grammar-check' | translate}}</button>
+    </ars-col>
+    <ars-col> 
       <app-dialog-action-buttons
         buttonsLabelSection="comment-page"
         confirmButtonLabel="send"

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

@@ -26,6 +26,11 @@ app-comment-list {
     outline: none;
   }
 }
+.spell-button{
+  background-color: var(--primary);
+  color: var(--on-primary);
+  margin-top: 1rem;
+}
 
 .send {
   color: var(--on-primary);