fix: icon sizes and contrast.

Author: crhallberg

client/components/edit/ObjectSummary.module.css

@@ -13,7 +13,6 @@
 .infobox button {
     min-width: unset;
     padding-block: 0.5em 0.4em;
-    font-size: 10pt;
 
     &:not(:hover,:focus) {
         background-color: white;

client/components/edit/datastream/DatastreamControlButton.module.css

@@ -0,0 +1,10 @@
+button.datastreamControlButton {
+	font-size: 16pt;
+	transition: none;
+
+	&:hover,
+	&:focus {
+		color: white;
+		background-color: black;
+	}
+}

client/components/edit/datastream/DatastreamControlButton.tsx

@@ -1,4 +1,5 @@
 import React, { useState } from "react";
+import styles from "./DatastreamControlButton.module.css";
 import LoadingButton from "@mui/lab/LoadingButton";
 import Tooltip from "@mui/material/Tooltip";
 import DataObject from "@mui/icons-material/DataObject";
@@ -55,7 +56,7 @@ const DatastreamControlButton = ({
         <Tooltip title={modalState}>
             <span>
                 <LoadingButton
-                    className="datastreamControlButton"
+                    className={styles.datastreamControlButton}
                     loading={isLoading}
                     aria-label={modalState}
                     disabled={modalState !== "Upload" && disabled}

client/styles/global.css

@@ -11,6 +11,13 @@
 }
 
 @layer global {
+    a {
+        &:hover,
+        &:focus {
+            color: black;
+        }
+    }
+
     h1 {
         margin-block-start: 0;
     }
@@ -93,6 +100,7 @@
         display: inline-block;
         padding-inline: 1rem;
         padding-block: 0.5rem;
+        font-size: 1em;
         color: var(--button-text);
         line-height: normal;
         text-decoration: none;
@@ -120,12 +128,12 @@
 }
 
 /* MUI: better default icon size */
-svg.css-i4bv87-MuiSvgIcon-root {
+svg[class*="MuiSvgIcon-root"] {
     font-size: 1em;
     vertical-align: top;
 }
 
 /* MUI: modal */
-.css-tlc64q-MuiPaper-root-MuiDialog-paper {
+[class*="MuiPaper-root"][class*="MuiDialog-paper"] {
     background-color: Canvas;
 }