fix(ImageView): use cursor: pointer for clickable items

Also move the click handler for non-image attachments from the
full-width container box to the attachment box with a visible boundary.

Signed-off-by: Jonas <jonas@freesources.org>

Author: mejo-

src/nodes/ImageView.vue

@@ -23,9 +23,10 @@
 						<div
 							v-if="isMediaAttachment"
 							contenteditable="false"
-							class="media"
-							@click="handleAttachmentClick">
-							<div class="media__wrapper">
+							class="media">
+							<div
+								class="media__wrapper clickable"
+								@click="handleAttachmentClick">
 								<img
 									v-show="loaded"
 									:src="imageUrl"
@@ -53,7 +54,7 @@
 								v-show="loaded"
 								:src="imageUrl"
 								:alt="alt"
-								class="image__main"
+								class="image__main clickable"
 								@click="handleImageClick"
 								@load="onLoaded" />
 						</div>
@@ -552,6 +553,14 @@ export default {
 	justify-content: left;
 	padding-bottom: 0;
 
+	.clickable {
+		cursor: pointer;
+
+		* {
+			cursor: pointer;
+		}
+	}
+
 	.media__wrapper {
 		display: flex;
 		border: 2px solid var(--color-border);
@@ -579,6 +588,7 @@ export default {
 			}
 		}
 	}
+
 	.buttons {
 		margin-left: 8px;
 	}