eventsheet styling fixes

src/public/css/eventsheet.css

@@ -15,15 +15,18 @@
 }
 /** 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;
@@ -137,8 +140,8 @@ table tr th:empty::after, table tr td:empty::after {
   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%;
 }
 
@@ -256,6 +259,16 @@ td.substitution {
   border-left: 1px solid black;
 }
 
+section.blank {
+  filter: opacity(0.4);
+}
+section.blank img, section.blank header {
+  filter: grayscale(1);
+}
+section.blank td.substitution {
+  border-width: 0.5;
+}
+
 #lineup-card-exchange td.player-name {
   font-stretch: 100%;
 }
@@ -370,8 +383,7 @@ 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;
 }
 #defense-pane .field-container {
   display: grid;
@@ -590,16 +602,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;
@@ -613,6 +620,9 @@ header {
   font-weight: bold;
 }
 
+#roster-and-history thead {
+  border: black solid 1px;
+}
 #roster-and-history > div > table {
   /* font-size: 10.5px; */
   padding: 0;