From 301e3932b64172b3f9cf055287fdfdb4a89620af Mon Sep 17 00:00:00 2001
From: Syndamia <kamen.d.mladenov@protonmail.com>
Date: Wed, 24 Feb 2021 18:56:32 +0200
Subject: Improved semantics and simplified some HTML of comments and posts

---
 .../components/post-page/post-page.component.html  | 28 +++++++++++-----------
 1 file changed, 14 insertions(+), 14 deletions(-)

(limited to 'src/app/components/post-page/post-page.component.html')

diff --git a/src/app/components/post-page/post-page.component.html b/src/app/components/post-page/post-page.component.html
index 8665865..b8e7e22 100644
--- a/src/app/components/post-page/post-page.component.html
+++ b/src/app/components/post-page/post-page.component.html
@@ -1,11 +1,13 @@
 <app-loading *ngIf="!dataArrived"></app-loading>
 
-<div id="content" *ngIf="dataArrived">
-	<div class="many-buttons"  *ngIf="loggedIn">
-		<button class="submit-btn" type="submit" (click)="backToFeed()">ᐊ Back to feed</button>
-		<button class="submit-btn" type="submit" (click)="backToProfile()">ᐊ Back to profile</button>
-	</div>
-	<button class="submit-btn" type="submit" (click)="toLogin()" *ngIf="!loggedIn">Login</button>
+<main id="content" *ngIf="dataArrived">
+	<nav>
+		<div class="many-buttons"  *ngIf="loggedIn">
+			<button class="submit-btn" type="submit" (click)="backToFeed()">ᐊ Back to feed</button>
+			<button class="submit-btn" type="submit" (click)="backToProfile()">ᐊ Back to profile</button>
+		</div>
+		<button class="submit-btn" type="submit" (click)="toLogin()" *ngIf="!loggedIn">Login</button>
+	</nav>
 	<app-post [paramId]="postId.toString()"></app-post>
 	<div class="many-buttons" *ngIf="editable">
 		<button class="submit-btn" (click)="editPost()">Edit post</button>
@@ -17,21 +19,19 @@
 		<input id="file-upload" type="file" formControlName="fileUpload" (change)="onFileUpload($event)" multiple>
 		<input type="submit" style="display: none" />
 	</form>
-	<div class="form-attachments" *ngIf="editingPost">
+	<figure class="form-attachments" *ngIf="editingPost">
 		<div *ngFor="let file of files" class="form-attachment">
 			{{ file.name ? file.name : 'Attachment' }}
 			<div class="remove-form-attachment" (click)="removeAttachment(file.name)">
 				☒
 			</div>
 		</div>
-	</div>
+	</figure>
 	<form [formGroup]="addCommentFormGroup" (ngSubmit)="addComment()">
 		<input type="text" placeholder="Add comment" class="input-field" formControlName="newComment">
 		<input type="submit" style="display: none" />
 	</form>
-	<div>
-		<div class="comment" *ngFor="let comm of post?.comments">
-			<app-comment [paramId]="comm.id.toString()"></app-comment>
-		</div>
-	</div>
-<div>
+	<section class="comment" *ngFor="let comm of post?.comments">
+		<app-comment [paramId]="comm.id.toString()"></app-comment>
+	</section>
+</main>
-- 
cgit v1.2.3