Fix printing under chrome and firefox

view-webapp/src/main/sass/main.scss

@@ -506,6 +506,7 @@
       width: unset;
       height: unset;
       font-size: 0.65em;
+      overflow: visible;
     }
 
     .roundbox {
@@ -563,10 +564,6 @@
       }
     }
 
-    .circular.label {
-      transform: scale(0.7);
-    }
-
     #pairing-right {
       max-width: unset !important;
     }
@@ -644,17 +641,23 @@
     .player {
       color: black !important;
     }
-    .ui.red.circular.label {
-      background-color: white;
-      color: white;
-      border-color: black;
+
+    .participation .ui.label {
+      background: none;
+      border: none;
+      font-weight: bold;
+      min-width: unset;
+      &.red {
+        color: rgba(0,0,0,0);
         text-decoration: solid line-through black;
       }
-    .ui.green.circular.label {
-      background-color: white;
+      &.green {
         color: black;
-      border-color: black;
-      font-weight: bold;
       }
     }
+
+    table tr td, table tr th { page-break-inside:avoid; }
+    thead { display:table-header-group; }
+    tfoot { display:table-footer-group; }
+  }
 }

view-webapp/src/main/sass/tour.scss

@@ -70,6 +70,18 @@
       tr.highlighted {
         background-color: #D0FFD0;
       }
+      .participation {
+        white-space: nowrap;
+        .ui.label {
+          font-size: 0.8rem;
+          min-width: 2em;
+          min-height: 2em;
+          padding: .5em !important;
+          line-height: 1em;
+          text-align: center;
+          border-radius: 500rem;
+        }
+      }
     }
   }
 

view-webapp/src/main/webapp/tour-registration.inc.html

@@ -56,14 +56,16 @@
             <td data-sort="$part.rank">#rank($part.rank)#if($part.mmsCorrection) (#if($part.mmsCorrection > 0)+#end$part.mmsCorrection)#end</td>
             <td>$part.rating</td>
             <td class="participating" data-sort="#if($part.skip)$part.skip.size()/part.skip#{else}0#end">
+              <div class="participation">
   #foreach($round in [1..$tour.rounds])
     ## CB TODO - upstream json parsing should not give longs here, should it?
     #if($part.skip && $part.skip.contains($round.longValue()))
-              <label class="ui red circular label">$round</label>
+                <label class="ui red label">$round</label>
     #else
-              <label class="ui green circular label">$round</label>
+                <label class="ui green label">$round</label>
     #end
   #end
+              </div>
             </td>
           </tr>
 #end