Refactor and fix the GridView centering code to avoid flipping between states

app/gui/PcView.qml

@@ -6,48 +6,22 @@ import ComputerModel 1.0
 import ComputerManager 1.0
 import StreamingPreferences 1.0
 
-GridView {
+CenteredGridView {
     property ComputerModel computerModel : createModel()
 
-    // Prevent the margin from dropping below 10. By keeping a floor on the margin value
-    // this prevents a binding loop caused by the ternary condition changing and decreasing
-    // the margin size, thus causing it to change back.
-    property real horizontalMargin: Math.max(10,
-                                             contentHeight > cellHeight && parent.width > cellWidth ?
-                                                 (parent.width % cellWidth) / 2 : 0)
-
     id: pcGrid
     focus: true
     activeFocusOnTab: true
     topMargin: 20
     bottomMargin: 5
-    leftMargin: horizontalMargin
-    rightMargin: horizontalMargin
     cellWidth: 310; cellHeight: 350;
     objectName: "Computers"
 
-    onHorizontalMarginChanged: {
-        if (this.synchronousDrag === undefined) {
-            anchors.leftMargin = horizontalMargin
-            anchors.rightMargin = horizontalMargin
-        }
-    }
-
     Component.onCompleted: {
         // Don't show any highlighted item until interacting with them.
         // We do this here instead of onActivated to avoid losing the user's
         // selection when backing out of a different page of the app.
         currentIndex = -1
-
-        // HACK: If this is not Qt 5.12 (which has synchronousDrag),
-        // set anchors on creation. This will cause an anchor conflict
-        // with the parent StackView which breaks animation, but otherwise
-        // the grid will not be centered in the window.
-        if (this.synchronousDrag === undefined) {
-            anchors.fill = parent
-            anchors.topMargin = topMargin
-            anchors.bottomMargin = bottomMargin
-        }
     }
 
     StackView.onActivated: {