From edf9cb755ec7f0ffa0f80920f4fd34e5ef5a5a4e Mon Sep 17 00:00:00 2001
From: robo-mop <realaryanpingle@gmail.com>
Date: Wed, 12 Apr 2023 13:19:45 +0530
Subject: [PATCH] Add styles to save-import buttons

---
 src/client/lazy-app/Compress/Options/index.tsx | 6 ++++++
 src/client/lazy-app/Compress/Options/style.css | 5 +++++
 2 files changed, 11 insertions(+)

diff --git a/src/client/lazy-app/Compress/Options/index.tsx b/src/client/lazy-app/Compress/Options/index.tsx
index 0130865f..9dcdc932 100644
--- a/src/client/lazy-app/Compress/Options/index.tsx
+++ b/src/client/lazy-app/Compress/Options/index.tsx
@@ -197,6 +197,12 @@ export default class Options extends Component<Props, State> {
                     }
                     title="Import saved side settings"
                     onClick={this.onImportSideSettingsClick}
+                    disabled={
+                      // Disabled if this side's settings haven't been saved
+                      (!this.state.leftSideSettings &&
+                        this.props.index === 0) ||
+                      (!this.state.rightSideSettings && this.props.index === 1)
+                    }
                   >
                     <ImportIcon />
                   </button>
diff --git a/src/client/lazy-app/Compress/Options/style.css b/src/client/lazy-app/Compress/Options/style.css
index 4d13fecf..ff599168 100644
--- a/src/client/lazy-app/Compress/Options/style.css
+++ b/src/client/lazy-app/Compress/Options/style.css
@@ -142,6 +142,11 @@
   svg {
     stroke: var(--header-text-color);
   }
+
+  &:focus {
+    outline: var(--header-text-color) solid 2px;
+    outline-offset: 0.25em;
+  }
 }
 
 .button-opacity {