#205: Tweak python env list style

Author: e-halinen

src/renderer/components/Settings/Settings.css

@@ -43,7 +43,7 @@
     letter-spacing: -0.6px;
     color: #333333;
     order: 0;
-    margin-bottom: 10px;
+    margin-bottom: 1rem;
 }
 
 .Settings__dialog-input-group {
@@ -130,6 +130,11 @@
     flex-wrap: wrap;
 }
 
+.Settings__environment_option_spacer {
+    width: 100%;
+    height: 3rem;
+}
+
 .Settings__env_option_text {
     width: 80%;
     font-weight: 500;

src/renderer/components/Settings/Settings.jsx

@@ -44,14 +44,17 @@ const Settings = ({
         <div className="Settings__dialog-heading">Projektin asetukset</div>
 
         <div className="Settings__dialog-input-group">
-          <span className="Settings__pseudo-label">Käytettävät Python-ympäristöt:</span>
+          <span className="Settings__pseudo-label">{ emmePythonEnvs.length > 0 ? "Käytettävät Python-ympäristöt:" : "Ei python-ympäristöjä käytettävissä."}</span>
           { Array.isArray(emmePythonEnvs) && emmePythonEnvs.length > 0 && (emmePythonEnvs.map((env, index) => { return (
             <div key={index}>
               <EnvironmentOption envPath={env} isSelected={emmePythonPath === env}
-             setPath={setEMMEPythonPath} 
+             setPath={setEMMEPythonPath}
              removePath={removeFromEMMEPythonEnvs}/>
              { index < emmePythonEnvs.length && <PathOptionDivider/> }
             </div>)}))}
+          { emmePythonEnvs.length === 0 &&
+          (<div className="Settings__environment_option_spacer"/>)
+          }
         <button className="Settings__python-env-input-btn"
                   onClick={()=>{
                     dialog.showOpenDialog({