eventsheet styling fixes

src/scss/eventsheet.scss

@@ -17,16 +17,19 @@
 
 /** For Print **/
 @media print {
+  body {
+    margin:0;
+  }
   body .sheet {
     size: B5;
-    padding: 0.2in;
+    padding: 0.175in;
   }
 }
 
 /** For screen preview **/
 @media screen {
   body .sheet {
-    padding: 0.2in;
+    padding: 0.175in;
   }
   body {
     background: #e0e0e0;
@@ -158,8 +161,8 @@ table {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: 1fr 1fr;
-  column-gap: 0.2in;
-  row-gap: 0.2in;
+  column-gap: 0.35in;
+  row-gap: 0.35in;
   background-size: 100%;
 }
 
@@ -288,6 +291,16 @@ td.substitution {
   border-left: 1px solid black;
 }
 
+section.blank {
+  filter: opacity(0.4);
+  img, header {
+    filter: grayscale(1);
+  }
+  td.substitution {
+    border-width: 0.5;
+}
+}
+
 #lineup-card-exchange td.player-name {
   font-stretch: 100%;
 }
@@ -435,8 +448,8 @@ td.substitution {
   grid-area: defense;
   padding: 4px 4px 0px 4px; /* top right bottom left */
   display: flex;
-  border-right: 0.5px solid grey;
-  border-bottom: 0.5px solid grey;
+  border: 0.5px solid grey;
+  // border-bottom: 0.5px solid grey;
 
   .field-container {
     display: grid;
@@ -661,16 +674,11 @@ header {
   background-color: inherit;
 }
 
-.past.available-status-code-1 {
+.past.available-status-code-1.Y {
   color: inherit;
   background-color: var(--color-warning);
 }
 
-.past.available-status-code-1.started {
-  color: inherit;
-  background-color: inherit;
-}
-
 .available-status-code-2 {
   color: blue;
   background-color: #acc9fe;
@@ -690,6 +698,9 @@ header {
   //   text-transform: uppercase;
   //   font-size: 0.8em;
   // }
+  thead {
+    border: black solid 1px;
+  }
   > div > table {
     /* font-size: 10.5px; */
     padding: 0;