Improvements to Ship Instrumentation

iaincollins · Oct 23, 2022 · 75af42f · 75af42f
1 parent 910c834
commit 75af42f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 11 deletions.
diff --git a/src/client/components/panels/ship/ship-status/ship-instrumentation.js b/src/client/components/panels/ship/ship-status/ship-instrumentation.js
@@ -217,12 +217,12 @@ export default function ShipInstrumentation ({ ship, cmdrStatus, toggleSwitches,
             <tr>
               <td>
                 <span className={ship.onBoard && cmdrStatus?.flags?.overHeating ? 'ship-panel__light--danger' : 'ship-panel__light--off'}>
-                  <span className='ship-panel__light-text'>Overheating</span>
+                  <span className='ship-panel__light-text'>Over&shy;heating</span>
                 </span>
               </td>
               <td>
                 <span className={ship.onBoard && cmdrStatus?.flags?.beingInterdicted ? 'ship-panel__light--danger' : 'ship-panel__light--off'}>
-                  <span className='ship-panel__light-text'>Interdiction</span>
+                  <span className='ship-panel__light-text'>Inter&shy;diction</span>
                 </span>
               </td>
               <td>
@@ -232,7 +232,7 @@ export default function ShipInstrumentation ({ ship, cmdrStatus, toggleSwitches,
               </td>
               <td>
                 <span className={ship.onBoard && (!cmdrStatus?.flags?.landingGearDown && cmdrStatus?.altitude < 100) ? 'ship-panel__light--danger' : 'ship-panel__light--off'}>
-                  <span className='ship-panel__light-text'>Low altitude</span>
+                  <span className='ship-panel__light-text'>Low alti&shy;tude</span>
                 </span>
               </td>
               <td>
@@ -249,12 +249,12 @@ export default function ShipInstrumentation ({ ship, cmdrStatus, toggleSwitches,
               </td>
               <td>
                 <span className={ship.onBoard && cmdrStatus?.flags?.fsdCooldown ? 'ship-panel__light--on' : 'ship-panel__light--off'}>
-                  <span className='ship-panel__light-text'>FSD cooldown</span>
+                  <span className='ship-panel__light-text'>FSD cool&shy;down</span>
                 </span>
               </td>
               <td>
                 <span className={ship.onBoard && (cmdrStatus?.flags?.supercruise && !cmdrStatus?.flags?.fsdJump) ? 'ship-panel__light--on' : 'ship-panel__light--off'}>
-                  <span className='ship-panel__light-text'>Supercruise</span>
+                  <span className='ship-panel__light-text'>Super&shy;cruise</span>
                 </span>
               </td>
               <td>

diff --git a/src/client/css/panels/ship-panel.css b/src/client/css/panels/ship-panel.css
@@ -111,11 +111,12 @@
   bottom: 0;
   right: 0;
   z-index: -1;
-  opacity: .025;
+  opacity: .02;
   content: ' ';
-  background-size: 6rem 6rem;
+  background-size: 5rem 5rem;
   background-image: url(/images/grid.svg);
 }
+
 .ship-panel__modules {
   position: absolute;
   /* To avoid clipping text-shadow to left of title text */
@@ -383,6 +384,7 @@ table.ship-panel__lights td {
   font-size: 1.1rem;
   line-height: 1.25rem;
   text-align: left;
+  hyphens: none;
 }
 
 @media only screen and (max-width: 1023px) {
@@ -397,16 +399,16 @@ table.ship-panel__lights td {
     margin: auto;
     width: auto;
     padding: 0;
-    text-align: center;
     line-height: 1rem;
-    font-size: 1rem;
+    text-align: center;
     text-overflow: ellipsis;
+    hyphens: auto;
   } 
 }
 
 @media only screen and (max-width: 599px) {
   .ship-panel__light-text {
-    font-size: .7rem;
+    xfont-size: .7rem;
   }
 }
 
@@ -447,7 +449,7 @@ table.ship-panel__lights td {
   .ship-panel__light--danger,
   .ship-panel__light--danger::before,
   .ship-panel__light--danger::after {
-    border-radius: .25rem !important;
+    border-radius: .5rem !important;
   }
 }