finished calibration-ui updates

interface/resources/qml/controls-uit/ImageMessageBox.qml

@@ -18,15 +18,47 @@ Item {
     anchors.fill: parent
     property alias source: image.source
     property alias imageWidth: image.width
-    proeprty alias imageHeight: image.height
+    property alias imageHeight: image.height
+
     Rectangle {
-        acnhors.fill: parent
+        anchors.fill: parent
         color: "black"
-        opacity: 0.5
+        opacity: 0.3
     }
 
     Image {
         id: image
+        anchors.centerIn: parent
+
+        HiFiGlyphs {
+            id: closeGlyphButton
+            text: hifi.glyphs.close
+            size: 25
+
+            anchors {
+                top: parent.top
+                topMargin: 15
+                right: parent.right
+                rightMargin: 15
+            }
+
+            MouseArea {
+                anchors.fill: parent
+                hoverEnabled: true
+
+                onEntered: {
+                    parent.text = hifi.glyphs.closeInverted;
+                }
+
+                onExited: {
+                    parent.text = hifi.glyphs.close;
+                }
+
+                onClicked: {
+                    imageBox.visible = false;
+                }
+            }
+        }
     }
 
 }

interface/resources/qml/hifi/tablet/ControllerSettings.qml

@@ -16,6 +16,7 @@ import "../../controls-uit" as HifiControls
 StackView {
     id: stack
     initialItem: inputConfiguration
+    property alias messageVisible: imageMessageBox.visible
     Rectangle {
         id: inputConfiguration
         anchors.fill: parent
@@ -26,6 +27,15 @@ StackView {
 
         property var pluginSettings: null
 
+        HifiControls.ImageMessageBox {
+            id: imageMessageBox
+            anchors.fill: parent
+            z: 2000
+            imageWidth: 442
+            imageHeight: 670
+            source: "../../../images/calibration-help.png"
+        }
+
         Rectangle {
             width: inputConfiguration.width
             height: 1

interface/resources/qml/hifi/tablet/OpenVrConfiguration.qml

@@ -54,6 +54,9 @@ Rectangle {
     }
 
 
+
+
+
     MouseArea {
         id: mouseArea
 
@@ -64,6 +67,7 @@ Rectangle {
             mouse.accepted = false;
         }
     }
+
     color: hifi.colors.baseGray
 
     RalewayBold {
@@ -302,12 +306,37 @@ Rectangle {
             verticalCenter: additional.verticalCenter
         }
 
+        Rectangle {
+            id: selected
+            color: hifi.colors.blueHighlight
+
+            width: info.width
+            height: 1
+
+            anchors {
+                top: info.bottom
+                topMargin: 1
+                left: info.left
+                right: info.right
+            }
+
+            visible: false
+        }
+
         MouseArea {
             anchors.fill: parent;
+            hoverEnabled: true
 
-            onEntered: info.color = hifi.colors.blueAccent
+            onEntered: {
-            onExited: info.color = hifi.colors.blueHighlight
+                selected.visible = true;
-            onClicked: console.log("text clicked");
+            }
+
+            onExited: {
+                selected.visible = false;
+            }
+            onClicked: {
+                stack.messageVisible = true;
+            }
         }
     }