Added portrait basic mode.

res/app/components/stf/basic-mode/basic-mode.css

@@ -15,7 +15,6 @@
   font-size: 12px;
 }
 
-
 .basic-mode .stf-vnc-bottom .btn-primary:hover,
 .basic-mode .stf-vnc-bottom .btn-primary.active {
   background: #007aff;
@@ -25,3 +24,25 @@
 .basic-mode .stf-menu .stf-top-bar {
   overflow: hidden;
 }
+
+.basic-mode .basic-remote-control {
+  width: 100%;
+  /*width: 320px;*/
+  /*height: 485px;*/
+}
+
+.guest-landscape .basic-mode .stf-vnc-bottom {
+  display: none;
+}
+
+.guest-landscape .basic-mode .pane-top-bar {
+  display: none;
+}
+
+.guest-landscape .basic-mode .pane-center {
+  top: 0 !important;
+}
+
+.guest-landscape .basic-mode .fill-height {
+  width: 100%;
+}

res/app/control-panes/control-panes.jade

@@ -1,6 +1,6 @@
-div(ng-if='$root.basicMode')
-  div(style='width: 320px; height: 482px;')
-    .remote-control
+div(ng-if='$root.basicMode').fill-height
+  div.fill-height.basic-remote-control
+    .remote-control.fill-height
       div(ng-include='"control-panes/device-control/device-control.jade"').fill-height
 
 div(ng-if='!$root.basicMode')

res/app/views/index.jade

@@ -13,13 +13,13 @@ html
     title STF
   body(ng-app='app', ng-cloak).bg-1.fill-height
     div(ng-controller='LayoutCtrl', basic-mode).fill-height
-      div(pane).fill-height
+      .pane-top(pane).fill-height
         .pane-top-bar(pane, pane-anchor='north', pane-size='44px', pane-min='44px', pane-max='44px', pane-handle='')
           div(ng-include='"menu.jade"')
           socket-state
           div(growl)
 
-        div(pane, pane-anchor='center').fill-height
+        .pane-center(pane, pane-anchor='center').fill-height
           div(ng-view).fill-height
 
     script(src='/static/build/bundle.js')