Fix sizing within MissionItemStatus

src/MissionEditor/MissionEditor.qml

@@ -496,6 +496,7 @@ QGCView {
                         orientation:    ListView.Vertical
                         model:          controller.visualItems
                         cacheBuffer:    height * 2
+                        clip:           true
 
                         delegate: MissionItemEditor {
                             missionItem:    object

src/MissionEditor/MissionItemStatus.qml

@@ -35,8 +35,8 @@ Rectangle {
     property real   expandedWidth               ///< Width of control when expanded
 
     width:      _expanded ? expandedWidth : _collapsedWidth
-    height:     valueGrid.height + _margins
-    radius:     ScreenTools.defaultFontPixelWidth
+    height:     valueGrid.height + (_margins * 2)
+    radius:     ScreenTools.defaultFontPixelWidth * 0.5
     color:      qgcPal.window
     opacity:    0.80
     clip:       true
@@ -63,13 +63,16 @@ Rectangle {
         onClicked:      _expanded = !_expanded
     }
 
+    Row {
+        anchors.fill:       parent
+        anchors.margins:    _margins
+        spacing:            _margins
+
         Grid {
             id:                 valueGrid
-        anchors.margins:    _margins
-        anchors.left:       parent.left
-        anchors.top:        parent.top
             columns:            2
             columnSpacing:      _margins
+            anchors.verticalCenter: parent.verticalCenter
 
             QGCLabel { text: qsTr("Distance:") }
             QGCLabel { text: _distanceText }
@@ -87,17 +90,18 @@ Rectangle {
         QGCFlickable {
             anchors.leftMargin:     _margins
             anchors.rightMargin:    _margins
-        anchors.left:           valueGrid.right
-        anchors.right:          parent.right
             anchors.top:            parent.top
             anchors.bottom:         parent.bottom
+            width:                  parent.width - valueGrid.width - (_margins * 2)
             contentWidth:           graphRow.width
+            visible:                _expanded
             clip:                   true
 
             Row {
                 id:                 graphRow
                 anchors.top:        parent.top
                 anchors.bottom:     parent.bottom
+                //anchors.margins:    ScreenTools.defaultFontPixelWidth * ScreenTools.smallFontPointRatio
                 spacing:            ScreenTools.defaultFontPixelWidth * ScreenTools.smallFontPointRatio
 
                 Repeater {
@@ -105,12 +109,10 @@ Rectangle {
 
                     Item {
                         height:     graphRow.height
-                    width:      ScreenTools.defaultFontPixelWidth * ScreenTools.smallFontPointRatio * 2
+                        width:      indicator.width
                         visible:    object.specifiesCoordinate && !object.isStandaloneCoordinate
 
-
-                    property real availableHeight: height - (ScreenTools.defaultFontPixelHeight * ScreenTools.smallFontPointRatio) - indicator.height
-
+                        property real availableHeight:  height - indicator.height
                         property bool graphAbsolute:    true
 
                         MissionItemIndexLabel {
@@ -136,4 +138,5 @@ Rectangle {
                 }
             }
         }
+    }
 }

src/QmlControls/MissionItemIndexLabel.qml

@@ -19,22 +19,22 @@ Rectangle {
     border.color:   "white"
     color:          isCurrentItem ? "green" : qgcPal.mapButtonHighlight
 
-    property real _width: small ? ScreenTools.smallFontPointSize * 1.5 : ScreenTools.mediumFontPointSize * 1.5
+    property real _width: small ? ScreenTools.defaultFontPixelHeight * ScreenTools.smallFontPointRatio * 1.75 : ScreenTools.defaultFontPixelHeight * 1.75
 
     QGCPalette { id: qgcPal }
 
-    MouseArea {
-        anchors.fill: parent
-
-        onClicked: parent.clicked()
-    }
-
     QGCLabel {
         id:                     _label
         anchors.fill:           parent
         horizontalAlignment:    Text.AlignHCenter
         verticalAlignment:      Text.AlignVCenter
         color:                  "white"
-        font.pointSize:         small ? ScreenTools.smallFontPointSize : ScreenTools.mediumFontPointSize
+        font.pointSize:         small ? ScreenTools.smallFontPointSize : ScreenTools.defaultFontPointSize
     }
+
+    MouseArea {
+        anchors.fill: parent
+        onClicked: parent.clicked()
+    }
+
 }