Move ViewOrientationControl to lower left corner

This also renames the component to better reflect what it is (the old name implied that it
had something to do with orientation views, wheres it's actually a set of controls to change orientation)

CURA-5772

resources/qml/Cura.qml

@@ -13,6 +13,7 @@ import Cura 1.1 as Cura
 import "Dialogs"
 import "Menus"
 import "Skeleton"
+import "components"
 
 UM.MainWindow
 {
@@ -197,7 +198,7 @@ UM.MainWindow
             {
                 id: applicationViews
 
-                visible: UM.Controller.activeStage.stageId != "MonitorStage"
+
                 anchors
                 {
                     top: parent.top
@@ -311,6 +312,20 @@ UM.MainWindow
                     bottomMargin:  UM.Theme.getSize("default_margin").height
                 }
             }
+
+
+            ViewOrientationControls
+            {
+                id: viewOrientationControls
+
+                anchors
+                {
+                    left: parent.left
+                    margins: UM.Theme.getSize("default_margin").width
+
+                    bottom: parent.bottom
+                }
+            }
         }
     }
 

resources/qml/Skeleton/ApplicationViews.qml

@@ -20,16 +20,6 @@ Item
 
     height: UM.Theme.getSize("views_selector").height
 
-    OrientationViews
-    {
-        id: orientationViews
-
-        anchors {
-            verticalCenter: parent.verticalCenter
-            right: viewModeButton.left
-            rightMargin: UM.Theme.getSize("default_margin").width
-        }
-    }
 
     ComboBox
     {

resources/qml/components/ViewOrientationControls.qml

@@ -13,7 +13,8 @@ Row
     id: viewOrientationControl
 
     spacing: 2 * screenScaleFactor
-
+    height: childrenRect.height
+    width: childrenRect.width
     // #1 3d view
     Button
     {