1 files changed, 90 insertions, 28 deletions

diff --git a/pdf-as-web/src/main/webapp/assets/css/style.css b/pdf-as-web/src/main/webapp/assets/css/style.css
index a04540e9..974ea5e0 100644
--- a/pdf-as-web/src/main/webapp/assets/css/style.css
+++ b/pdf-as-web/src/main/webapp/assets/css/style.css
@@ -1,9 +1,12 @@
 html {
-	font-family: Verdana, Geneva, sans-serif;
+	/*font-family: Verdana, Geneva, sans-serif; */
+	
 }
 
 body {
 	background-image: url("../img/bg.png");
+	font-family: 'OpenSans', sans-serif;
+	
 }
 
 footer {
@@ -244,11 +247,22 @@ footer {
 
 }
 
+ul.nav-wizard li a {
+	width:100px;
+	margin-left: 0.5em;
+}
+
+#PageTitle {
+	color: grey;
+	font-weight: bold;
+	font-size: 150%;
+}
+
 iframe {
  	border: none;
 /*	min-width:5em; */
-	height: 70%;
-	width:100%
+	width:100%;
+	max-height: 80vh; /*60vh; /*This is to prevent to be locked in the viewer without beeing able to scroll back to the top*/
 }
 
 body.wait, body.wait *{
@@ -257,9 +271,12 @@ body.wait, body.wait *{
 
 
 #DropContainer {
-	
 	width: 100%;
-	
+	height: 100vh;
+}
+
+#uploadContinueQuick {
+	margin-top: 1em;
 }
 
 #ViewContainer {
@@ -277,8 +294,12 @@ body.wait, body.wait *{
 
 }
 
+#methodContainer {
+	margin-top: 13rem;
+}
+
 .mainBox {
-	margin-top: 20vh;
+	margin: auto;
 }
 
 .methodChooseContainer div button {
@@ -286,7 +307,21 @@ body.wait, body.wait *{
 }
 
 #DownloadResultContainer {
-	margin-top: 10%;
+	margin-top: 15em;;
+}
+
+#ResultInfoText {
+	margin-left: 2em;
+	margin-right: 2em;
+	font-size: 16px;
+	color: #286090;
+}
+
+#DownloadResultButton {
+	margin-left: auto;
+	margin-right: auto;
+	width: 15em;
+	display: block;
 }
 
 .ImageBox {
@@ -307,36 +342,42 @@ body.wait, body.wait *{
 
 #navBar {
 	/*min-width: 20em; */
-	width:100%
+	width: 100%;
+	margin-left: 1em;
+	margin-right: 1em;
 }
 
-#InnerBackBox {
-	width: 25em;
-	min-width: 25em;
+#LanguageDisplay:hover {
+	cursor: pointer;
+	cursor: hand;
 }
 
-#BackBox {
-	height: 46px;
+#LanguageDisplay {
+	margin-top:1em;
 }
 
-#BackBox:hover {
-	cursor:pointer;
-	cursor:hand;
+#placeContinue {
+	margin-right: 0.5em;	
 }
 
 #ViewerExternToolbar {
-	margin: 0.5em;
+	margin: 1em;
+	width: calc(100% - 2em); /* To include the margin of 1em */
+}
 
+#mobileSignOnFrame {
+	margin-top: 8em;
 }
 
-/*
-#ViewerExternToolbar div {
-	margin-left:0.5em;
-	margin-right:0.5em;
-	text-align:center;
-	width:5em;
-	height:5em;	
-} */
+#PageInput {
+	width: 7.6em;
+	margin-bottom:-3em;
+	padding-left: 0.5em;
+}
+
+#ContinueButtonText {
+	margin-bottom:0;
+}
 
 #ViewerExternToolbar img {
 	width: 3em;
@@ -366,11 +407,32 @@ body.wait, body.wait *{
 }
 
 #borderBox {
-	height: 100vh;
-	float: center;
-	margin: 1.25em;
+	height: 30%;
+	width: 50%;
 	border: 0.2em dashed;
 	border-color: black;
+	margin-right: auto;
+	margin-left: auto;
+	margin-top: 10%
+}
+
+#LanguageSwitchContainer {
+	width: calc(100% - 2em);
+	margin-left: auto;
+	margin-right: auto;
+}
+
+@media screen and (max-device-width: 992px) {
+	#borderBox {
+		border: none;
+	}
+	
+	iframe {
+ 	border: none;
+/*	min-width:5em; */
+	width:100%;
+	max-height: 70vh; /*60vh; /*This is to prevent to be locked in the viewer without beeing able to scroll back to the top*/
+	}
 }
 
 #FormBox h5 {