eventsheet styling improvements

src/scss/eventsheet.scss

@@ -153,10 +153,6 @@ table {
   float: left;
 }
 
-
-
-
-
 .B5 > .eventsheet {
   display: grid;
   grid-template-columns: 1fr 1fr;
@@ -173,13 +169,58 @@ table {
   display: flex;
   flex-direction: column;
   align-items: stretch;
+
+  > div {
+    display: flex;
+    flex: 1;
+    align-items: stretch;
+    height: auto;
+  }
+
+  &.NW {
+    grid-area: 1 / 1 / 2 / 2;
+  }
+  &.NE {
+    grid-area: 1 / 2 / 2 / 3;
+    }
+  &.SW {
+    grid-area: 2 / 1 / 3 / 2;
+    }
+  &.SE {
+    grid-area: 2 / 2 / 3 / 3;
+    }
+
 }
 
-.eventsheet > section > div {
-  display: flex;
-  flex: 1;
-  align-items: stretch;
-  height: auto;
+.eventsheet > .section-divider {
+  position:  absolute;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: repeat(2, 1fr);
+  grid-column-gap: 0px;
+  grid-row-gap: 0px;
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+  --divider-border: lightgrey dashed 1px;
+
+  .NW {
+      grid-area: 1 / 1 / 2 / 2;
+      border-right:var(--divider-border);
+      border-bottom:var(--divider-border);
+    }
+  .NE {
+      grid-area: 1 / 2 / 2 / 3;
+      border-bottom:var(--divider-border);
+    }
+  .SW {
+      grid-area: 2 / 1 / 3 / 2;
+      border-right:var(--divider-border);
+    }
+  .SE {
+      grid-area: 2 / 2 / 3 / 3;
+    }
+  
 }
 
 .lineup-card th {
@@ -231,8 +272,6 @@ div.grid-container > .substitution-table {
   grid-area: "substitution-table";
 }
 
-
-
 section.lineup-card {
   counter-reset: lineup-sequence-counter 0;
 
@@ -298,7 +337,7 @@ section.blank {
   }
   td.substitution {
     border-width: 0.5;
-}
+  }
 }
 
 #lineup-card-exchange td.player-name {
@@ -839,14 +878,6 @@ td.is-present-checkbox.available-status-code-None > span {
   display: none;
 }
 
-.game-number .label {
-  font-size: xx-small
-}
-
-.game-number .label, .game-number .value{
-  display:none;
-}
-
 #front-cover {
   border: solid 1px black;
 
@@ -864,10 +895,20 @@ td.is-present-checkbox.available-status-code-None > span {
 
   .game-number, .homeaway{
     display: grid;
-    font-size: xx-large;
     align-content: center;
     width: 1.4em;
+  }
+  
+  .homeaway {
     font-weight: 800;
+    font-size: xx-large;
+  }
+
+  .game-number {
+    font-size: large;
+    font-stretch: extra-condensed;
+    font-weight: 700;
+    text-wrap: nowrap;
   }
 
   .title {