settings height done

Author: zonayedpca

client/src/components/Settings.js

@@ -15,7 +15,7 @@ import './settings.css';
 
 const Settings = ({ verifyGithubToken, verifyBitlyToken, resetTokens }) => {
     return (
-        <div className="settings">
+        <div className="settings-area">
             <AppBar
                 position="static"
                 color="default"
@@ -34,29 +34,35 @@ const Settings = ({ verifyGithubToken, verifyBitlyToken, resetTokens }) => {
                     <Typography variant="h6">Settings</Typography>
                 </Toolbar>
             </AppBar>
-            <div className="content">
-                <TokenInput
-                    onSubmit={verifyGithubToken}
-                    name="GitHub"
-                    instruction="Generate a personal access token from GitHub. This access token should have the scope to 'Create Gists'"
-                />
-                <TokenInput
-                    onSubmit={verifyBitlyToken}
-                    name="Bitly"
-                    instruction="Genrate a Generic Access token from Bitly"
-                />
-                <div className="aciton">
-                    <button onClick={() => resetTokens()} className="btn-reset">
-                        Reset
-                    </button>
-                </div>
-                <div className="privacy">
-                    <p>
-                        <strong>
-                            We don't store any of these keys. Everything is done
-                            locally. Thus your information is kept safe.
-                        </strong>
-                    </p>
+            <div className="settings">
+                <div className="content">
+                    <TokenInput
+                        onSubmit={verifyGithubToken}
+                        name="GitHub"
+                        instruction="Generate a personal access token from GitHub. This access token should have the scope to 'Create Gists'"
+                    />
+                    <TokenInput
+                        onSubmit={verifyBitlyToken}
+                        name="Bitly"
+                        instruction="Genrate a Generic Access token from Bitly"
+                    />
+                    <div className="aciton">
+                        <button
+                            onClick={() => resetTokens()}
+                            className="btn-reset"
+                        >
+                            Reset
+                        </button>
+                    </div>
+                    <div className="privacy">
+                        <p>
+                            <strong>
+                                We don't store any of these keys. Everything is
+                                done locally. Thus your information is kept
+                                safe.
+                            </strong>
+                        </p>
+                    </div>
                 </div>
             </div>
         </div>

client/src/components/settings.css

@@ -1,16 +1,22 @@
-.settings .MuiToolbar-regular {
+.settings-area .MuiToolbar-regular {
     min-height: 48px;
 }
 
-.settings .MuiIconButton-root:hover {
+.settings-area .MuiIconButton-root:hover {
     border-radius: 100%;
 }
 
+.settings {
+    display: flex;
+    width: 100%;
+    height: 100vh;
+}
+
 .settings .content {
+    flex: 1;
     margin-top: 45px;
     padding: 15px;
-    height: 380px;
-    overflow-y: scroll;
+    overflow: auto;
 }
 
 .settings .content .btn-reset {

src/module/ApplicationTray.js

@@ -9,7 +9,7 @@ class ApplicationTray extends Tray {
         this.mainWindow = mainWindow;
         this.on('click', this.onClick.bind(this));
         this.on('right-click', this.onRightClick.bind(this));
-        this.setToolTip('DevTop');
+        this.setToolTip('DevTop Essentials');
         this.autoStart = false;
         this.setAutoStart();
     }