Add spacers for environment option list

Author: e-halinen

src/renderer/components/Settings/Settings.css

@@ -124,15 +124,15 @@
     overflow: hidden;
     text-overflow: ellipsis;
     font-family: inherit;
-    min-height: 2rem;
+    height: 40px;
     align-items: center;
     justify-items: center;
     flex-wrap: wrap;
 }
 
 .Settings__environment_option_spacer {
     width: 100%;
-    height: 4.5rem;
+    height: 40px;
 }
 
 .Settings__env_option_text {

src/renderer/components/Settings/Settings.jsx

@@ -53,9 +53,16 @@ const Settings = ({
              removePath={removeFromEMMEPythonEnvs}/>
              { index < emmePythonEnvs.length && <PathOptionDivider/> }
             </div>)}))}
-          { emmePythonEnvs.length === 0 &&
+          { emmePythonEnvs.length === 1 &&
           (<div className="Settings__environment_option_spacer"/>)
           }
+          {
+            emmePythonEnvs.length === 0 &&
+            (<div>
+                <div className="Settings__environment_option_spacer"/>
+                <div className="Settings__environment_option_spacer"/>
+              </div>)
+          }
         <button className="Settings__python-env-input-btn"
                   onClick={()=>{
                     dialog.showOpenDialog({