correct <a> size

frontend/src/components/Gallery.vue

@@ -46,7 +46,7 @@ label {
 }
 </style>
 <style>
-.gallery>img {
+.gallery img {
 	margin: 5px;
 	max-width: max(33vw, calc(90vw/v-bind('images.size')));
 	max-height: max(33vh, calc(90vh/v-bind('images.size')));

frontend/src/components/Home.vue

@@ -74,7 +74,7 @@ label {
 }
 </style>
 <style>
-.home>img {
+.home img {
 	max-width: 60%;
 	max-height: 60vh;
 }

frontend/src/components/Image.vue

@@ -36,9 +36,11 @@ export default defineComponent({
 })
 </script>
 <template>
-	<a :href="'./images/' + id" target="_blank">
-		<img :id="'img-' + id" />
-	</a>
+	<div>
+		<a :href="'./images/' + id" target="_blank">
+			<img :id="'img-' + id" />
+		</a>
+	</div>
 </template>
 
 <style scoped>