diff --git a/src/App/App.css b/src/App/App.css index 570d1993cc63110e34c6a4fae1415b29ef0d0bac..97a9d46806a6a938058764bd727116ea17885012 100644 --- a/src/App/App.css +++ b/src/App/App.css @@ -4106,6 +4106,10 @@ figure img{ display: inline-block; height: 50px !important; } +.download-butt-image{ + display: inline-block; + margin-bottom: 20px; +} /* Philip's area (sorry Lili) */ diff --git a/src/components/Buttons.tsx b/src/components/Buttons.tsx index 754a62c5cbbc39977f90a2fa3f700e46c2eede6f..ac76825a9c48494d5978a6c296db6ce3145a9e27 100644 --- a/src/components/Buttons.tsx +++ b/src/components/Buttons.tsx @@ -104,7 +104,7 @@ export const DownloadImageButton = ({ url, fileName, children}: {url: string, fi return ( - <a type="button" onClick={handleDownload} className="download-butt"> + <a type="button" onClick={handleDownload} className="download-butt-image"> {children} </a>