Merge pull request 'OZG-770-DownloadKommentarAttachment' (#162) from...

Merge pull request 'OZG-770-DownloadKommentarAttachment' (#162) from OZG-770-DownloadKommentarAttachment into master

Reviewed-on: https://git.ozg-sh.de/mgm/goofy/pulls/162

goofy-client/libs/kommentar/src/lib/kommentar-list-in-vorgang-container/kommentar-list-in-vorgang/kommentar-list-item-in-vorgang/kommentar-list-item-in-vorgang.component.html

@@ -23,10 +23,10 @@
     unter der Lizenz sind dem Lizenztext zu entnehmen.
 
 -->
-<button *ngIf="!editMode"
-		[attr.data-test-id]="'kommentar-item-' + (kommentar.text | convertForDataTest)"
-		(click)="editMode = true"
-		class="plain-text">
+
+<div *ngIf="!editMode" class="plain-text">
+	<button [attr.data-test-id]="'kommentar-item-' + (kommentar.text | convertForDataTest)"
+	 	(click)="editMode = true">
 		<div class="kommentar-head">
 			<goofy-client-user-profile-in-kommentar-container
 				*ngIf="kommentar | hasLink: kommentarLinkRel.CREATED_BY" [kommentar]="kommentar"
@@ -34,15 +34,15 @@
 			<span data-test-id="kommentar-created-at"
 				  class="date">{{ kommentar.createdAt | formatDateWithTimePipe: false }}</span>
 		</div>
-	<p>{{ kommentar.text }}</p>
+		<p class="text">{{ kommentar.text }}</p>
+	</button>
 	
 	<goofy-client-horizontal-binary-file-list
 		*ngIf="kommentar | hasLink: kommentarLinkRel.ATTACHMENTS"
 		[deletable]="false"
 		[fileListResource]="attachments$ | async">
 	</goofy-client-horizontal-binary-file-list>
-
-</button>
+</div>
 
 <goofy-client-kommentar-form
 	*ngIf="editMode" data-test-id="kommentar-list-item-form"

goofy-client/libs/kommentar/src/lib/kommentar-list-in-vorgang-container/kommentar-list-in-vorgang/kommentar-list-item-in-vorgang/kommentar-list-item-in-vorgang.component.scss

@@ -39,6 +39,7 @@ button {
 	white-space: nowrap;
 	align-items: center;
 	opacity: 0.8;
+	cursor: pointer;
 
 	::ng-deep {
 		goofy-client-user-icon {
@@ -52,6 +53,13 @@ button {
 	}
 }
 
+.text {
+	&:hover,
+	&:focus-within {
+		cursor: pointer;
+	}
+}
+
 .plain-text {
 	margin: -4px -8px 8px -8px;
 	padding: 4px 8px;