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

---
 .../post-attachment/post-attachment.component.css      | 11 ++++-------
 .../post-attachment/post-attachment.component.html     | 18 ++++++++----------
 2 files changed, 12 insertions(+), 17 deletions(-)

(limited to 'src/app/components/post-attachment')

diff --git a/src/app/components/post-attachment/post-attachment.component.css b/src/app/components/post-attachment/post-attachment.component.css
index 572cc99..58e8a82 100644
--- a/src/app/components/post-attachment/post-attachment.component.css
+++ b/src/app/components/post-attachment/post-attachment.component.css
@@ -1,6 +1,9 @@
 /* Attachment */
 
 .attachment {
+  width: 100%;
+  height: 100%;
+  display: flex;
   border: 2px solid black;
   border-top: 0;
   border-radius: 0 0 .6em .6em;
@@ -9,13 +12,7 @@
   margin-top: calc(-0.8em - 2px);
 }
 
-.clickable {
-  width: 100%;
-  height: 100%;
-  display: flex;
-}
-
-.clickable:hover {
+.attachment:hover {
   cursor: pointer;
 }
 
diff --git a/src/app/components/post-attachment/post-attachment.component.html b/src/app/components/post-attachment/post-attachment.component.html
index 4d381d1..401068c 100644
--- a/src/app/components/post-attachment/post-attachment.component.html
+++ b/src/app/components/post-attachment/post-attachment.component.html
@@ -1,13 +1,11 @@
-<div class="attachment">
-	<div class="clickable" (click)="toggleShowFull()">
-		<div class="attachment-name">
-			{{ fileName }}
-		</div>
-		<div class="attachment-type">
-			{{ fileType }}
-		</div>
-	</div>
-</div>
+<figure class="attachment" (click)="toggleShowFull()">
+	<summary class="attachment-name">
+		{{ fileName }}
+	</summary>
+	<summary class="attachment-type">
+		{{ fileType }}
+	</summary>
+</figure>
 
 <div class="show-full-attachment" *ngIf="showFull" (click)="toggleShowFull()">
 	<img class="attachment-img" *ngIf="isImage" src="{{paramURL}}">
-- 
cgit v1.2.3