adjust the pdf button position

openghg · Aug 10, 2023 · 98d9784 · 98d9784
1 parent 302df95
commit 98d9784
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/components/MultiSiteLineChart/MultiSiteLineChart.js b/src/components/MultiSiteLineChart/MultiSiteLineChart.js
@@ -169,7 +169,7 @@ class MultiSiteLineChart extends React.Component {
         <div id="chart-container">
           <Plot data={plotData} layout={layout} />
         </div>
-        <div className={styles.downloadContainer}>
+        <div className={`${styles.downloadContainer} ${styles.smallButtonPosition}`}>
         <Button
         size="small"
         variant="contained"

diff --git a/src/components/MultiSiteLineChart/MultiSiteLineChart.module.css b/src/components/MultiSiteLineChart/MultiSiteLineChart.module.css
@@ -14,12 +14,17 @@
 
 .downloadContainer {
   position: absolute;
-  bottom: 10px;
-  right: 10px;
+  bottom: 5px;
+  right: 0px;
   display: flex;
   align-items: center;
 }
 
+.smallButtonPosition {
+  font-size: 12px;
+  padding: 0px 8px;
+}
+
 .downloadIcon {
   margin-right: 5px;
 }