Refactoring for landingpage support

projects/common/src/fm/components/app/app.component.scss

@@ -3,6 +3,7 @@
 @import "~bootstrap/scss/bootstrap.scss";
 
 
+
 // custom styles
 
 .btn:focus {
@@ -25,7 +26,7 @@
 
 */
 
-body { background: #f1f1f1; line-height: 18px; user-select:none;}
+body { background: #f1f1f1; line-height: 18px; user-select:none;font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif;}
 
 .navbar-brand {
   padding-top: .5rem;
@@ -53,7 +54,20 @@ body { background: #f1f1f1; line-height: 18px; user-select:none;}
   bottom: 0;
   left: 0;
   right: 0;
-  overflow:hidden;
+  overflow: hidden;  
+}
+
+.app.pagemode > .body {
+  overflow: initial;
+  position: relative;
+}
+
+.app.pagemode .apponly {
+  display: none !important;
+}
+
+.app.appmode .pageonly {
+  display: none !important;
 }
 
 .app.fullscreen > .navbar {
@@ -77,6 +91,10 @@ body { background: #f1f1f1; line-height: 18px; user-select:none;}
   margin-left: 1rem;
 }
 
+.header-logo {
+  height:2em;
+}
+
 .user-menu {
   transition: top 0.5s ease-out;
   position: absolute;