#207: Improve instruction readability

Author: e-halinen

src/renderer/components/HelmetProject/CostBenefitAnalysis/CostBenefitAnalysis.css

@@ -70,8 +70,13 @@
 }
 
 .CBA_instructions-container {
-    height: 10rem;
-    width: 70%;
+    height: fit-content;
+    margin-bottom: 1rem;
+    width: 65%;
     font-weight: 300;
     word-wrap: break-word;
+}
+
+.CBA_instructions_highlight {
+    color: #007AC9;
 }

src/renderer/components/HelmetProject/CostBenefitAnalysis/CostBenefitAnalysis.jsx

@@ -9,9 +9,10 @@ const CostBenefitAnalysis = ({
     <div className="CBA">
       <div className="CBA__heading">Hy&ouml;ty-kustannusanalyysi</div>
       <div className="CBA_instructions-container">
-        <p>Hyöty-kustannusanalyysiä varten syötetään vertailuvaihtoehdon (ve0) ja hankevaihtoehdon (ve1) tuloskansio (Tulosten tallennuspolku\Skenaarion nimi).
-           Jos ennusteita on ajettu kahdelle vuodelle (esim. 2040 ja 2060), vertailuvaihtoehto ja hankevaihtoehto on mahdollista määrittää kahdelle ennustevuodelle.
-           Tulokset tulostuvat Excel-tiedostoon tuloskansiossa.</p>
+        <p>Hyöty-kustannusanalyysiä varten syötetään vertailuvaihtoehdon (ve0) ja hankevaihtoehdon (ve1) tuloskansio: </p>
+        <p className="CBA_instructions_highlight"> (Tulosten tallennuspolku\Skenaarion nimi). </p>
+        <p>Jos ennusteita on ajettu kahdelle vuodelle (esim. 2040 ja 2060), vertailuvaihtoehto ja hankevaihtoehto on mahdollista määrittää kahdelle ennustevuodelle.</p>
+        <p>Tulokset tulostuvat Excel-tiedostoon tuloskansiossa.</p>
       </div>
       <table className="CBA__choices">
         <tbody>