smol tweaks to the datapack display

everloste · everloste · commit 7569ef53bb96 · 2025-08-14T23:08:53.000+02:00
diff --git a/index.html b/index.html
@@ -62,7 +62,7 @@
 
 			<template id="datapack-template">
 				<div class="datapack">
-					<img height="100px" />
+					<img/>
 					<div class="name-and-description">
 						<h3 class="name"></h3>
 						<p class="description"></p>
diff --git a/style.css b/style.css
@@ -155,6 +155,8 @@ a:visited {
 
 	img {
 		border-radius: 0.5em;
+		border: var(--border-width) var(--background) solid;
+		height: 6rem;
 	}
 
 	.name {
@@ -167,6 +169,8 @@ a:visited {
 	}
 
 	.name-and-description {
+		line-height: 1.25;
+
 		padding-left: 1em;
 		align-items: stretch;
 		align-content: center;

Original file line number	Diff line number	Diff line change
`@@ -155,6 +155,8 @@ a:visited {`
`155`	`155`
`156`	`156`	`img {`
`157`	`157`	`border-radius: 0.5em;`
	`158`	`+ border: var(--border-width) var(--background) solid;`
	`159`	`+ height: 6rem;`
`158`	`160`	`}`
`159`	`161`
`160`	`162`	`.name {`
`@@ -167,6 +169,8 @@ a:visited {`
`167`	`169`	`}`
`168`	`170`
`169`	`171`	`.name-and-description {`
	`172`	`+ line-height: 1.25;`
	`173`	`+`
`170`	`174`	`padding-left: 1em;`
`171`	`175`	`align-items: stretch;`
`172`	`176`	`align-content: center;`