qml: contain oboarding information in a scroll view

Github-Pull: #194
Rebased-From: ecd1409

Author: Johnny Carlson

src/qml/BitcoinApp/Controls/InformationPage.qml

@@ -40,61 +40,70 @@ Page {
       id: navbar
     }
 
-    ColumnLayout {
-        id: information
-        width: Math.min(parent.width, maximumWidth)
-        anchors.horizontalCenter: parent.horizontalCenter
-        spacing: 0
-        Loader {
-            id: banner_loader
-            active: root.bannerActive
-            visible: active
-            Layout.alignment: Qt.AlignCenter
-            Layout.topMargin: root.bannerMargin
-            sourceComponent: root.bannerItem
-        }
-        Header {
-            Layout.fillWidth: true
-            Layout.leftMargin: 20
-            Layout.rightMargin: 20
-            bold: root.bold
-            center: root.center
-            header: root.headerText
-            headerMargin: root.headerMargin
-            headerSize: root.headerSize
-            description: root.description
-            descriptionMargin: root.descriptionMargin
-            descriptionSize: root.descriptionSize
-            subtext: root.subtext
-            subtextMargin: root.subtextMargin
-            subtextSize: root.subtextSize
+    ScrollView {
+        width: parent.width
+        height: parent.height
+        clip: true
+        contentWidth: width
+        contentHeight: information.height + continueButton.height
+            + continueButton.anchors.topMargin + continueButton.anchors.bottomMargin
+
+        ColumnLayout {
+            id: information
+            width: Math.min(parent.width, 600)
+            anchors.horizontalCenter: parent.horizontalCenter
+            spacing: 0
+            Loader {
+                id: banner_loader
+                active: root.bannerActive
+                visible: active
+                Layout.alignment: Qt.AlignCenter
+                Layout.topMargin: root.bannerMargin
+                sourceComponent: root.bannerItem
+            }
+            Header {
+                Layout.fillWidth: true
+                Layout.leftMargin: 20
+                Layout.rightMargin: 20
+                bold: root.bold
+                center: root.center
+                header: root.headerText
+                headerMargin: root.headerMargin
+                headerSize: root.headerSize
+                description: root.description
+                descriptionMargin: root.descriptionMargin
+                descriptionSize: root.descriptionSize
+                subtext: root.subtext
+                subtextMargin: root.subtextMargin
+                subtextSize: root.subtextSize
+            }
+            Loader {
+                id: detail_loader
+                active: root.detailActive
+                visible: active
+                Layout.fillWidth: true
+                Layout.alignment: Qt.AlignCenter
+                Layout.topMargin: 30
+                Layout.leftMargin: 20
+                Layout.rightMargin: 20
+                Layout.maximumWidth: detailMaximumWidth
+                sourceComponent: root.detailItem
+            }
         }
-        Loader {
-            id: detail_loader
-            active: root.detailActive
-            visible: active
-            Layout.alignment: Qt.AlignCenter
-            Layout.topMargin: 30
-            Layout.leftMargin: 20
-            Layout.rightMargin: 20
-            Layout.fillWidth: true
-            Layout.maximumWidth: detailMaximumWidth
-            sourceComponent: root.detailItem
+        ContinueButton {
+            id: continueButton
+            visible: root.buttonText.length > 0
+            enabled: visible
+            width: Math.min(300, parent.width - 2 * anchors.leftMargin)
+            anchors.topMargin: 40
+            anchors.bottomMargin: 60
+            anchors.leftMargin: 20
+            anchors.rightMargin: 20
+            anchors.horizontalCenter: parent.horizontalCenter
+            text: root.buttonText
+            onClicked: root.lastPage ? swipeView.finished = true : swipeView.incrementCurrentIndex()
         }
     }
-    ContinueButton {
-        id: continueButton
-        visible: root.buttonText.length > 0
-        enabled: visible
-        width: Math.min(300, parent.width - 2 * anchors.leftMargin)
-        anchors.topMargin: 40
-        anchors.bottomMargin: 60
-        anchors.leftMargin: 20
-        anchors.rightMargin: 20
-        anchors.horizontalCenter: parent.horizontalCenter
-        text: root.buttonText
-        onClicked: root.lastPage ? swipeView.finished = true : swipeView.incrementCurrentIndex()
-    }
 
     state: AppMode.state