Enhance printing style for the antibody page

src/client/components/AppFooter.vue

@@ -65,12 +65,6 @@ footer::before {
   content: url("/institut-pasteur-location.png");
 }
 
-@media screen and (width < 550px) {
-  footer::before {
-    display: none;
-  }
-}
-
 address {
   display: flex;
   flex-flow: column nowrap;
@@ -92,4 +86,16 @@ nav ul {
   gap: 10px;
   list-style: none;
 }
+
+@media screen and (width < 550px) {
+  footer::before {
+    display: none;
+  }
+}
+
+@media print {
+  footer {
+    display: none;
+  }
+}
 </style>

src/client/components/AppHeader.vue

@@ -145,4 +145,10 @@ function showDownloads(): void {
   display: flex;
   gap: var(--half-spacing);
 }
+
+@media print{
+  nav {
+    display: none;
+  }
+}
 </style>

src/client/components/FastaHeadersTable.vue

@@ -198,11 +198,6 @@ th.descending::after {
   content: '🠧';
 }
 
-td.id-cell,
-td.header-cell {
-  word-break: break-all;
-}
-
 td.header-cell {
   padding-left: 15%;
   text-align: start;
@@ -239,4 +234,11 @@ td.header-cell {
     text-align: right;
   }
 }
+
+@media print {
+  th,
+  td {
+    padding: var(--half-spacing);
+  }
+}
 </style>

src/client/components/TheAntibodyPage.vue

@@ -166,4 +166,17 @@ nav {
   gap: var(--spacing);
   padding: var(--spacing);
 }
+
+@media print {
+  *:not(a) {
+    color: var(--black);
+    padding: 0;
+    margin: 0;
+  }
+
+  nav,
+  button {
+    display: none;
+  }
+}
 </style>