From a6a33a9886c8a4d702e57c335e913401efa64e70 Mon Sep 17 00:00:00 2001
From: SpikeHD <spikegdofficial@gmail.com>
Date: Sat, 2 Jul 2022 14:24:18 -0700
Subject: [PATCH] button styling

---
 src/ui/components/menu/Options.css | 9 +++++++++
 src/ui/components/menu/Options.tsx | 5 +++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/ui/components/menu/Options.css b/src/ui/components/menu/Options.css
index 019a4ab..a779305 100644
--- a/src/ui/components/menu/Options.css
+++ b/src/ui/components/menu/Options.css
@@ -6,4 +6,13 @@
 
   margin-bottom: 8px;
   width: 80%;
+}
+
+.OptionSection .BigButton {
+  height: 100%;
+  min-height: 30px;
+}
+
+.OptionSection .BigButtonText {
+  font-size: 12px;
 }
\ No newline at end of file
diff --git a/src/ui/components/menu/Options.tsx b/src/ui/components/menu/Options.tsx
index e105b7e..8dd50b2 100644
--- a/src/ui/components/menu/Options.tsx
+++ b/src/ui/components/menu/Options.tsx
@@ -11,6 +11,7 @@ import { getThemeList } from '../../../utils/themes'
 import * as server from '../../../utils/server'
 
 import './Options.css'
+import BigButton from '../common/BigButton'
 
 interface IProps {
   closeFn: () => void;
@@ -189,13 +190,13 @@ export default class Options extends React.Component<IProps, IState> {
             <Tr text="options.toggle_encryption" />
           </div>
           <div className='OptionValue'>
-            <button onClick={this.toggleEncryption}>
+            <BigButton onClick={this.toggleEncryption} id="toggleEnc">
               {
                 this.state.encryption ?
                   <Tr text="options.enabled" /> :
                   <Tr text="options.disabled" />
               }
-            </button>
+            </BigButton>
           </div>
         </div>