Small appearance improvements when a force has no <cost>s yet

BlueWinds · Jul 31, 2023 · bc7805b · bc7805b
1 parent 8413a22
commit bc7805b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/App.css b/src/App.css
@@ -69,7 +69,7 @@ h2 button {
   line-height: 1.8em;
 }
 
-h6 .errors {
+h6 .errors:first-child {
   margin-right: -1rem;
 }
 

diff --git a/src/Force/Force.js b/src/Force/Force.js
@@ -73,12 +73,14 @@ const Force = () => {
 
   const globalErrors = errors?.filter((e) => !e.includes('must have'))
 
+  const cost = costString(sumCosts(force))
+
   return (
     <section>
       <h6>
         {force.catalogueName}
         <small>{force.name}</small>
-        <small>{costString(sumCosts(force))}</small>
+        {cost && <small>{cost}</small>}
         {errors && (
           <span className="errors" data-tooltip-id="tooltip" data-tooltip-html={errors.join('<br />')}>
             Validation errors