diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-02-24 18:56:32 +0200 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-02-24 18:56:32 +0200 |
| commit | 301e3932b64172b3f9cf055287fdfdb4a89620af (patch) | |
| tree | ff504329477476665be6d44a43c3171ba71d38ee /src/app/components/comment-page | |
| parent | 2b5b2f2449317b8aebd2d8962a930bf454d100fb (diff) | |
| download | DevHive-Angular-301e3932b64172b3f9cf055287fdfdb4a89620af.tar DevHive-Angular-301e3932b64172b3f9cf055287fdfdb4a89620af.tar.gz DevHive-Angular-301e3932b64172b3f9cf055287fdfdb4a89620af.zip | |
Improved semantics and simplified some HTML of comments and posts
Diffstat (limited to 'src/app/components/comment-page')
| -rw-r--r-- | src/app/components/comment-page/comment-page.component.html | 12 |
1 files changed, 7 insertions, 5 deletions
diff --git a/src/app/components/comment-page/comment-page.component.html b/src/app/components/comment-page/comment-page.component.html index 2d110d6..ae114da 100644 --- a/src/app/components/comment-page/comment-page.component.html +++ b/src/app/components/comment-page/comment-page.component.html @@ -1,14 +1,16 @@ <app-loading *ngIf="!loaded"></app-loading> -<div id="content" *ngIf="loaded"> - <button class="submit-btn" type="submit" (click)="toPost()">ᐊ Back to post</button> +<main id="content" *ngIf="loaded"> + <nav> + <button class="submit-btn" type="submit" (click)="toPost()">ᐊ Back to post</button> + </nav> <app-comment [paramId]="commentId.toString()"></app-comment> - <div class="many-buttons" *ngIf="editable"> + <nav class="many-buttons" *ngIf="editable"> <button class="submit-btn" (click)="editComment()">Edit comment</button> <button class="submit-btn delete-btn" (click)="deleteComment()">Delete comment</button> - </div> + </nav> <form [formGroup]="editCommentFormGroup" (ngSubmit)="editComment()"> <input type="text" *ngIf="editingComment" placeholder="New comment message" class="input-field" formControlName="newCommentMessage"> <input type="submit" style="display: none" /> </form> -<div> +</main> |