From f155c5340ed959f3557274be436ac6306fc1b49b Mon Sep 17 00:00:00 2001
From: Claude Brisson <claude@renegat.net>
Date: Wed, 10 Apr 2024 16:37:42 +0200
Subject: [PATCH] Fix printing under chrome and firefox

---
 view-webapp/src/main/sass/main.scss           | 31 ++++++++++---------
 view-webapp/src/main/sass/tour.scss           | 12 +++++++
 .../main/webapp/tour-registration.inc.html    |  6 ++--
 3 files changed, 33 insertions(+), 16 deletions(-)

diff --git a/view-webapp/src/main/sass/main.scss b/view-webapp/src/main/sass/main.scss
index da5041f..4e1f993 100644
--- a/view-webapp/src/main/sass/main.scss
+++ b/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;
-      text-decoration: solid line-through black;
-    }
-    .ui.green.circular.label {
-      background-color: white;
-      color: black;
-      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;
+      }
+      &.green {
+        color: black;
+      }
     }
+
+    table tr td, table tr th { page-break-inside:avoid; }
+    thead { display:table-header-group; }
+    tfoot { display:table-footer-group; }
   }
 }
diff --git a/view-webapp/src/main/sass/tour.scss b/view-webapp/src/main/sass/tour.scss
index 3e58d79..310977e 100644
--- a/view-webapp/src/main/sass/tour.scss
+++ b/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;
+        }
+      }
     }
   }
 
diff --git a/view-webapp/src/main/webapp/tour-registration.inc.html b/view-webapp/src/main/webapp/tour-registration.inc.html
index 5af4ca9..8ab2804 100644
--- a/view-webapp/src/main/webapp/tour-registration.inc.html
+++ b/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