Smaller font in lists, but only on screen

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

@@ -523,6 +523,21 @@
     cursor: pointer;
   }
 
+  @media screen {
+    #players-list {
+      font-size: smaller;
+    }
+    .multi-select .listitem {
+      font-size: smaller;
+    }
+    #results-list {
+      font-size: smaller;
+    }
+    #standings-container {
+      font-size: smaller;
+    }
+  }
+
   @media print {
 
     body {

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

@@ -91,7 +91,6 @@
 
   #players-list {
     max-width: 95vw;
-    font-size: smaller;
     #players {
       tr.filtered {
         display: none;
@@ -332,7 +331,6 @@
       gap: 1em;
       cursor: pointer;
       user-select: none;
-      font-size: smaller;
       &:hover {
         background-color: rgba(50, 50, 50, .2);
       }
@@ -426,7 +424,6 @@
   }
 
   #results-list {
-    font-size: smaller;
     text-align: center;
     .player, .result {
       background-color: unset;
@@ -484,7 +481,6 @@
     }
   }
   #standings-container {
-    font-size: smaller;
     max-width: 95vw;
   }