fixed transition only happening on hover in

4 files changed, 16 insertions, 11 deletions

diff --git a/src/components/Form/Form.scss b/src/components/Form/Form.scss
index 7642f75..31a15b1 100644
--- a/src/components/Form/Form.scss
+++ b/src/components/Form/Form.scss
@@ -57,6 +57,7 @@ input {
   margin-right: 0.5rem;
   font-size: $fontSize1 + 0.5;
   margin-bottom: -0.25rem;
+  transition: color $defTransition;
 }
 
 .icon:hover {
diff --git a/src/components/Menu/Menu.scss b/src/components/Menu/Menu.scss
index 93d6c5e..bc3fbb3 100644
--- a/src/components/Menu/Menu.scss
+++ b/src/components/Menu/Menu.scss
@@ -14,6 +14,7 @@
   text-decoration: none;
   font-size: $fontSize2;
   color: $defFG;
+  transition: color $defTransition;
 }
 
 .HomePageMenu .menuItem:hover {
@@ -23,14 +24,3 @@
 .InvoiceInfoMenu {
   width: 60%;
 }
-
-.PDFViewer {
-  height: 95%;
-  width: 95%;
-
-  position: fixed;
-  top: 0; bottom: 0;
-  left: 0; right: 0;
-  margin: auto;
-  z-index: 3;
-}
diff --git a/src/components/Print/Print.scss b/src/components/Print/Print.scss
new file mode 100644
index 0000000..bae5f76
--- /dev/null
+++ b/src/components/Print/Print.scss
@@ -0,0 +1,13 @@
+@import "../../styles/theme";
+
+.PDFViewer {
+  height: 95%;
+  width: 95%;
+  border: 2px solid $border0;
+
+  position: fixed;
+  top: 0; bottom: 0;
+  left: 0; right: 0;
+  margin: auto;
+  z-index: 3;
+}
diff --git a/src/components/Print/PrintableDoc.tsx b/src/components/Print/PrintableDoc.tsx
index bcabcbc..67c8580 100644
--- a/src/components/Print/PrintableDoc.tsx
+++ b/src/components/Print/PrintableDoc.tsx
@@ -7,6 +7,7 @@
 */
 
 import React, { /*useState,*/ } from "react";
+import "./Print.scss";
 import { Page, Text, View, Document, StyleSheet } from '@react-pdf/renderer';
 
 const styles = StyleSheet.create({