(core) Don't let small-screen view laoyut affect printing

Summary:
CSS differences for small-screen may get applied when printing. Most such
differences are for elements that get hidden for printing anyway. For
collapsing view sections, it's important not to apply small-screen CSS for
printing.

Test Plan: Tested manually on Chrome and Firefox.

Reviewers: paulfitz

Reviewed By: paulfitz

Differential Revision: https://phab.getgrist.com/D2731

app/client/components/ViewLayout.ts

@@ -299,7 +299,7 @@ const cssViewLeaf = styled('div', `
 `);
 
 const cssViewLeafInactive = styled('div', `
-  @media ${mediaSmall} {
+  @media screen and ${mediaSmall} {
     & {
       overflow: hidden;
       background: repeating-linear-gradient(
@@ -339,7 +339,7 @@ const cssViewLeafInactive = styled('div', `
 `);
 
 const cssLayoutBox = styled('div', `
-  @media ${mediaSmall} {
+  @media screen and ${mediaSmall} {
     &-active, &-inactive {
       transition: flex-grow 0.4s;
     }