Horizontal scrolling as needed

src/QmlControls/VerticalFactValueGrid.qml

@@ -32,18 +32,25 @@ T.VerticalFactValueGrid {
 
     QGCPalette { id: qgcPal; colorGroupEnabled: enabled }
 
+    QGCFlickable {
+        width:              parent.width
+        height:             topLevelRowLayout.height
+        flickableDirection: QGCFlickable.HorizontalFlick
+        contentWidth:       topLevelRowLayout.width
+
         RowLayout {
             id:         topLevelRowLayout
-        width:  parent.width
+            spacing:    0
 
             ColumnLayout {
-            Layout.fillWidth: true
+                spacing: 0
 
                 GridLayout {
                     id:                     valueGrid
-                Layout.preferredWidth:  _root.width
+                    Layout.minimumWidth:    _root.width - (columnButtons.visible? columnButtons.width + columnSpacing : 0)
                     rows:                   _root.rows.count * 2
                     rowSpacing:             0
+                    columnSpacing:          5
 
                     Repeater {
                         model: _root.rows
@@ -109,6 +116,7 @@ T.VerticalFactValueGrid {
             }
 
             ColumnLayout {
+                id:                     columnButtons
                 Layout.fillHeight:      true
                 Layout.bottomMargin:    rowButtons.height
                 width:                  ScreenTools.minTouchPixels / 2
@@ -155,6 +163,7 @@ T.VerticalFactValueGrid {
             color: "transparent"
         }*/
         }
+    }
 
     Component {
         id: valueEditDialog