Fixed Flow Lines and Size of Other Tool input

FreeSpacer/FreeSpacer.css

@@ -902,7 +902,7 @@ input.sheet-salvoRollButton + span.sheet-salvoRollButton, input.sheet-salvoRollB
 .sheet-salvoSpecialtyBox
 {
     grid-row: 5;
-    grid-column: 65;
+    grid-column: 62;
 }
 
 .sheet-salvoToolBox
@@ -920,7 +920,7 @@ input.sheet-salvoRollButton + span.sheet-salvoRollButton, input.sheet-salvoRollB
 .sheet-salvoAdvantageBox
 {
     grid-row: 26;
-    grid-column: 65;
+    grid-column: 62;
 }
 
 .sheet-salvoThreatBox
@@ -1029,7 +1029,7 @@ div.sheet-salvoThreatAttr
 {
     position: absolute;
     grid-row: 45;
-    grid-column: 70;
+    grid-column: 67;
 }
 
 button.sheet-rollSalvoButton
@@ -1077,7 +1077,7 @@ button.sheet-rollSalvoButton
 {
     position: absolute;
     grid-row: 55;
-    grid-column: 70;
+    grid-column: 67;
 }
 
 input.sheet-spendChargeCloseSalvoMode
@@ -1151,7 +1151,6 @@ input.sheet-skillDeselect
     input.sheet-skillDeselect:checked ~ .sheet-specialtyDeselect,
     input.sheet-skillDeselect:checked ~ .sheet-salvoToolBox,
     input.sheet-skillDeselect:checked ~ .sheet-salvoChargeBox,
-    input.sheet-skillDeselect:checked ~ .sheet-overchargeHighlight,
     input.sheet-skillDeselect:checked ~ .sheet-chargeCrewKitDirection,
     input.sheet-skillDeselect:checked ~ .sheet-toolDeselect,
     input.sheet-skillDeselect:checked ~ .sheet-crewKitSelect,
@@ -1192,7 +1191,7 @@ span.sheet-skillSelector
     position: absolute;
     width: 12px;
     height: 10px;
-    grid-area: 5/85/6/86;
+    grid-area: 5/82/6/83;
 }
 
 input.sheet-specialtyDeselect
@@ -1218,7 +1217,6 @@ input.sheet-specialtyDeselect
     input.sheet-specialtyDeselect:checked ~ .sheet-salvoSpecialtyBox,
     input.sheet-specialtyDeselect:checked ~ .sheet-salvoToolBox,
     input.sheet-specialtyDeselect:checked ~ .sheet-salvoChargeBox,
-    input.sheet-specialtyDeselect:checked ~ .sheet-overchargeHighlight,
     input.sheet-specialtyDeselect:checked ~ .sheet-chargeCrewKitDirection,
     input.sheet-specialtyDeselect:checked ~ .sheet-toolDeselect,
     input.sheet-specialtyDeselect:checked ~ .sheet-crewKitSelect,
@@ -1426,10 +1424,13 @@ input.sheet-crewKitDeselect:not(:checked) ~ .sheet-crewKitSelect
 }
 
 input.sheet-toolDeselect:checked ~ .sheet-salvoAdvantageBox,
+input.sheet-toolDeselect:checked ~ .sheet-advantageDirection,
 input.sheet-toolDeselect:checked ~ .sheet-rollSalvoButton,
 input.sheet-toolDeselect:checked ~ .sheet-spendChargeCloseSalvoMode,
 input.sheet-toolDeselect:checked ~ .sheet-salvoChargeBox,
-input.sheet-toolDeselect:checked ~ .sheet-salvoThreatBox
+input.sheet-toolDeselect:checked ~ .sheet-chargeCrewKitDirection,
+input.sheet-toolDeselect:checked ~ .sheet-salvoThreatBox,
+input.sheet-toolDeselect:checked ~ .sheet-threatDirection
 {
     display: none;
 }
@@ -1440,7 +1441,7 @@ input.sheet-toolDeselect:checked ~ .sheet-salvoThreatBox
 {
     position: absolute;
     width: 140px;
-    height: 11px;
+    height: 15px;
 }
 
 input.sheet-crewKitSelect
@@ -1449,6 +1450,8 @@ input.sheet-crewKitSelect
     border: none;
     z-index: 19;
     line-height: 15px;
+    width: 140px;
+    height: 15px;
 }
 
 span.sheet-crewKitSelect
@@ -1456,7 +1459,7 @@ span.sheet-crewKitSelect
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/crewKitToolSelector.png);
     background-repeat: no-repeat;
     background-position: center;
-    background-size: 140px 11px;
+    background-size: 140px 15px;
     opacity: 1;
     z-index: 18;
 }
@@ -1472,6 +1475,9 @@ input.sheet-otherTool
 {
     line-height: 70px;
     text-align: center;
+    width: 190px;
+    height: 70px;
+    margin-top: 5px;
 }
 
 
@@ -1483,22 +1489,28 @@ span.sheet-otherTool
     background-size: 190px 325px;
     opacity: 1;
     z-index: 18;
+    width: 190px;
+    height: 325px;
+    text-align: center;
+    font-size: 12px;
+    color: dimgray;
 }
 
 /*Other Tool Selected*/
 input.sheet-otherTool:checked ~ .sheet-salvoToolBox,
 input.sheet-otherTool:checked ~ .sheet-salvoChargeBox,
 input.sheet-otherTool:checked ~ .sheet-spendChargeCloseSalvoMode,
-input.sheet-otherTool:checked ~ .sheet-overchargeHighlight,
 input.sheet-otherTool:checked ~ .sheet-chargeCrewKitDirection
 {
     display: none;
 }
 
 input.sheet-otherTool:checked ~ .sheet-salvoAdvantageBox,
+input.sheet-otherTool:checked ~ .sheet-advantageDirection,
 input.sheet-otherTool:checked ~ .sheet-spendChargeCloseSalvoMode,
 input.sheet-otherTool:checked ~ .sheet-rollSalvoButton,
-input.sheet-otherTool:checked ~ .sheet-salvoThreatBox
+input.sheet-otherTool:checked ~ .sheet-salvoThreatBox,
+input.sheet-otherTool:checked ~ .sheet-threatDirection
 {
     display: block;
 }
@@ -1857,7 +1869,7 @@ input.sheet-crewKitMods
 
 .sheet-skillDirection
 {
-    display: initial;
+    display: block;
     grid-area: 2/8/19/66;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/skillFlow.png);
     background-repeat: no-repeat;
@@ -1871,7 +1883,7 @@ input.sheet-crewKitMods
 
 .sheet-specialtyDirection
 {
-    display: initial;
+    display: block;
     grid-row: 10;
     grid-column:21;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/specialtyFlow.png);
@@ -1885,7 +1897,7 @@ input.sheet-crewKitMods
 
 .sheet-communicationsSpecialtyFlow1
 {
-    display: initial;
+    display: block;
     grid-area: 10/25/58/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/communicationsSpecialtyFlow1.png);
     background-repeat: no-repeat;
@@ -1898,7 +1910,7 @@ input.sheet-crewKitMods
 
 .sheet-communicationsSpecialtyFlow2
 {
-    display: initial;
+    display: block;
     grid-area: 10/25/58/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/communicationsSpecialtyFlow2.png);
     background-repeat: no-repeat;
@@ -1911,7 +1923,7 @@ input.sheet-crewKitMods
 
 .sheet-communicationsSpecialtyFlow3
 {
-    display: initial;
+    display: block;
     grid-area: 10/25/58/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/communicationsSpecialtyFlow3.png);
     background-repeat: no-repeat;
@@ -1924,7 +1936,7 @@ input.sheet-crewKitMods
 
 .sheet-communicationsSpecialtyFlow4
 {
-    display: initial;
+    display: block;
     grid-area: 10/25/58/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/communicationsSpecialtyFlow4.png);
     background-repeat: no-repeat;
@@ -1937,7 +1949,7 @@ input.sheet-crewKitMods
 
 .sheet-communicationsSpecialtyFlow5
 {
-    display: initial;
+    display: block;
     grid-area: 10/25/58/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/communicationsSpecialtyFlow5.png);
     background-repeat: no-repeat;
@@ -1950,7 +1962,7 @@ input.sheet-crewKitMods
 
 .sheet-operationsSpecialtyFlow1
 {
-    display: initial;
+    display: block;
     grid-area: 10/48/30/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/operationsSpecialtyFlow1.png);
     background-repeat: no-repeat;
@@ -1963,7 +1975,7 @@ input.sheet-crewKitMods
 
 .sheet-operationsSpecialtyFlow2
 {
-    display: initial;
+    display: block;
     grid-area: 10/48/37/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/operationsSpecialtyFlow2.png);
     background-repeat: no-repeat;
@@ -1976,7 +1988,7 @@ input.sheet-crewKitMods
 
 .sheet-operationsSpecialtyFlow3
 {
-    display: initial;
+    display: block;
     grid-area: 10/48/44/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/operationsSpecialtyFlow3.png);
     background-repeat: no-repeat;
@@ -1989,7 +2001,7 @@ input.sheet-crewKitMods
 
 .sheet-operationsSpecialtyFlow4
 {
-    display: initial;
+    display: block;
     grid-area: 10/48/51/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/operationsSpecialtyFlow4.png);
     background-repeat: no-repeat;
@@ -2002,7 +2014,7 @@ input.sheet-crewKitMods
 
 .sheet-operationsSpecialtyFlow5
 {
-    display: initial;
+    display: block;
     grid-area: 10/48/58/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/operationsSpecialtyFlow5.png);
     background-repeat: no-repeat;
@@ -2015,7 +2027,7 @@ input.sheet-crewKitMods
 
 .sheet-engineeringSpecialtyFlow1
 {
-    display: initial;
+    display: block;
     grid-area: 10/71/30/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/engineeringSpecialtyFlow1.png);
     background-repeat: no-repeat;
@@ -2028,7 +2040,7 @@ input.sheet-crewKitMods
 
 .sheet-engineeringSpecialtyFlow2
 {
-    display: initial;
+    display: block;
     grid-area: 10/71/37/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/engineeringSpecialtyFlow2.png);
     background-repeat: no-repeat;
@@ -2041,7 +2053,7 @@ input.sheet-crewKitMods
 
 .sheet-engineeringSpecialtyFlow3
 {
-    display: initial;
+    display: block;
     grid-area: 10/71/44/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/engineeringSpecialtyFlow3.png);
     background-repeat: no-repeat;
@@ -2054,7 +2066,7 @@ input.sheet-crewKitMods
 
 .sheet-engineeringSpecialtyFlow4
 {
-    display: initial;
+    display: block;
     grid-area: 10/71/51/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/engineeringSpecialtyFlow4.png);
     background-repeat: no-repeat;
@@ -2067,7 +2079,7 @@ input.sheet-crewKitMods
 
 .sheet-engineeringSpecialtyFlow5
 {
-    display: initial;
+    display: block;
     grid-area: 10/71/58/78;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/engineeringSpecialtyFlow5.png);
     background-repeat: no-repeat;
@@ -2080,7 +2092,7 @@ input.sheet-crewKitMods
 
 .sheet-toolCrewKitDirection
 {
-    display: initial;
+    display: block;
     grid-row: 10;
     grid-column: 40;
     background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/toolCrewKitDirection.png);
@@ -2094,28 +2106,45 @@ input.sheet-crewKitMods
 
 .sheet-chargeCrewKitDirection
 {
-    display: initial;
-    grid-area: 55/4/60/12;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/chargeCrewKitDirection.png);
+    display: block;
+    grid-row: 55;
+    grid-column: 13;
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/chargeCrewKitFlow.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 11px 90px;
     opacity: 1;
-    width: 200px;
+    width: 11px;
     height: 90px;
 }
 
-.sheet-overchargeHighlight
+.sheet-advantageDirection
 {
-    display: initial;
-    grid-area: 44/3/57/25;
-    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/overchargeHighlight.png);
+    display: block;
+    grid-row: 36;
+    grid-column: 70;
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/advantageFlow.png);
     background-repeat: no-repeat;
     background-position: center;
-    background-size: 220px 130px;
+    background-size: 11px 90px;
     opacity: 1;
-    width: 220px;
-    height: 130px;
+    width: 11px;
+    height: 90px;
+    margin-left: 5px;
+}
+
+.sheet-threatDirection
+{
+    display: block;
+    grid-row: 49;
+    grid-column: 75;
+    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img/threatFlow.png);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 80px 11px;
+    opacity: 1;
+    width: 80px;
+    height: 11px;
 }
 
 /* ******************************* */

FreeSpacer/FreeSpacer.html

@@ -265,7 +265,6 @@
 
             <div class="flowLine toolCrewKitDirection"></div><!--Crew Kit Tool Flow Line-->
             <div class="flowLine chargeCrewKitDirection"></div><!--Crew Kit Charge Flow Line-->
-            <div class="flowLine overchargeHighlight"></div><!--Crew Kit Charge Flow Line-->
             <div class="flowLine advantageDirection"></div><!--Advantage Flow Line-->
             <div class="flowLine threatDirection"></div><!--Advantage Flow Line-->
         </div>