Set instrument Value have custom color as label

Fix instrument panel and editor layout

src/QmlControls/InstrumentValueEditDialog.qml

@@ -192,13 +192,19 @@ QGCPopupDialog {
                     case InstrumentValueData.OpacityRange:
                         sourceComponent = opacityRangeDialog
                         break
-                    case InstrumentValueData.IconSelvalueedectRange:
+                    case InstrumentValueData.IconSelectRange:
                         sourceComponent = iconRangeDialog
                         break
                     }
                 }
 
-                Component.onCompleted: updateSourceComponent()
+                Component.onCompleted: {
+                    updateSourceComponent()
+                    if (sourceComponent) {
+                        height = item.childrenRect.height
+                        width = item.childrenRect.width
+                    }
+                }
 
                 Connections {
                     target:             instrumentValueData
@@ -329,7 +335,7 @@ QGCPopupDialog {
         id: iconRangeDialog
 
         Item {
-            width:  childrenRect.widthvalueed
+            width:  childrenRect.width
             height: childrenRect.height
 
             function updateRangeValue(index, text) {

src/QmlControls/InstrumentValueLabel.qml

@@ -36,7 +36,7 @@ ColumnLayout {
         id:                         valueIcon
         Layout.alignment:           _verticalOrientation ? Qt.AlignHCenter : Qt.AlignVCenter
         height:                     _tightHeight * 0.75
-        width:                      height
+        width:                      _tightHeight * 0.85
         sourceSize.height:          height
         fillMode:                   Image.PreserveAspectFit
         mipmap:                     true
@@ -50,9 +50,9 @@ ColumnLayout {
 
         function updateIcon() {
             if (instrumentValueData.rangeType === InstrumentValueData.IconSelectRange) {
-                valueIcon.source = iconPrefix + instrumentValueData.currentIcon
+                valueIcon.source = instrumentValueData.currentIcon != "" ? iconPrefix + instrumentValueData.currentIcon : "";
             } else if (instrumentValueData.icon) {
-                valueIcon.source = iconPrefix + instrumentValueData.icon
+                valueIcon.source = instrumentValueData.icon != "" ? iconPrefix + instrumentValueData.icon : "";
             } else {
                 valueIcon.source = ""
             }

src/QmlControls/InstrumentValueValue.qml

@@ -38,6 +38,7 @@ ColumnLayout {
         id:                 label
         Layout.alignment:   Qt.AlignVCenter
         font.pointSize:     _fontSize
+        color:              instrumentValueData.isValidColor(instrumentValueData.currentColor) ? instrumentValueData.currentColor : qgcPal.text
         text:               valueText()
 
         function valueText() {