title: Adding margins to QML Layout
body: <p>I'm trying to add padding/margins to my layout so my controls to appear so close to the border of the window. When i set the anchor margins it doesn't appear to actually affect anything. </p>
  
  <p><a href="https://i.stack.imgur.com/XCJrW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XCJrW.png" alt=""></a></p>
  
  <p><a href="https://i.stack.imgur.com/zslKF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zslKF.png" alt="enter image description here"></a></p>
  
  <p>This is the qml file displayed for the Settings Tab.</p>
  
  <pre><code>import QtQuick 2.7
  import QtQuick.Controls 2.0
  import QtQuick.Layouts 1.3
  import QtQuick.Controls.Material 2.2
  
  Page {
      id: control
  
      title: qsTr("Settings")
      objectName: "SettingsView"
  
  
      ColumnLayout {
          spacing: 20
  
          anchors.left: parent.left
          anchors.right: parent.right
          anchors.top: parent.top
  
          Switch {
              text: qsTr("Theme")
              checked: root.Material.theme === Material.Dark
              Layout.fillWidth: true
              LayoutMirroring.enabled: true
  
              onClicked: {
                  root.Material.theme = checked ? Material.Dark : Material.Ligth
                  //Settings.currentTheme = root.Material.theme
              }
          }
      }
  }
  </code></pre>
  
  <p>This is the main.qml</p>
  
  <pre><code>import QtQuick 2.7
  import QtQuick.Controls 2.0
  import QtQuick.Layouts 1.3
  import QtQuick.Controls.Material 2.2
  
  ApplicationWindow {
      id: root
      visible: true
      width: 300
      height: 500
  
      // Theme
      Material.theme: Material.Dark
      Material.accent: "#4096DD"
      Material.primary: "#4096DD"
  
      // Controls
      header: TabBar {
          id: tabBar
          currentIndex: swipeView.currentIndex
          TabButton {
              //text: qsTr("Home")
              icon.source: "qrc:/Images/home.svg"
          }
          TabButton {
              //text: qsTr("Settings")
              icon.source: "qrc:/Images/settings.svg"
          }
      }
  
      SwipeView {
          id: swipeView
          anchors.fill: parent
          currentIndex: tabBar.currentIndex
  
          Page1 {
          }
  
          SettingsView {
  
          }
  
      }
  }
  </code></pre>