Prepare landscape layout.

tropy · Jul 12, 2019 · 1bed81b · 1bed81b
1 parent 0f1237e
commit 1bed81b
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/stylesheets/components/_print.scss b/src/stylesheets/components/_print.scss
@@ -53,7 +53,7 @@ body {
     }
 
     @media (orientation: landscape) {
-      flex: 0 1 100vh;
+      flex: 0 0 100vh;
     }
   }
 }
@@ -68,6 +68,12 @@ img {
 .metadata-container {
   flex: 1 0 auto;
   display: flex;
+
+  @media (orientation: landscape) {
+    flex: 1 1 auto;
+    flex-direction: column;
+    padding-left: 1cm;
+  }
 }
 
 .col {
@@ -108,6 +114,7 @@ img {
 
 .metadata-fields {
   list-style-type: none;
+  padding: 0;
 }
 
 .metadata-field {
@@ -124,4 +131,5 @@ label {
 .value {
   flex: 0 0 67%;
   padding-left: 1.25mm;
+  word-break: break-word;
 }