web: only underline links on hover

web/src/index.css

@@ -20,7 +20,7 @@ pre, code {
 	font-family: "Fira Code", monospace;
 }
 
-button {
+button, a.button {
 	cursor: pointer;
 	font-size: 1em;
 	background: none;
@@ -36,6 +36,14 @@ button {
 	}
 }
 
+a {
+	text-decoration: none;
+
+	&:hover:not(.button) {
+		text-decoration: underline;
+	}
+}
+
 :root {
 	--primary-color: #00c853;
 	--primary-color-light: #92ffc0;

web/src/ui/Lightbox.tsx

@@ -167,7 +167,7 @@ export class Lightbox extends Component<LightboxProps> {
 				<button onClick={this.zoomIn}><ZoomInIcon/></button>
 				<button onClick={this.rotateLeft}><RotateLeftIcon/></button>
 				<button onClick={this.rotateRight}><RotateRightIcon/></button>
-				<a href={this.props.src} target="_blank" rel="noopener noreferrer">
+				<a className="button" href={this.props.src} target="_blank" rel="noopener noreferrer">
 					<DownloadIcon/>
 				</a>
 				<button onClick={this.props.onClose}><CloseIcon/></button>