Styling to add descriptive tooltips to the settings -> preferences -> view page.

contributes to issue from Asana: #unknown

resources/qml/ViewPage.qml

@@ -4,10 +4,13 @@
 import QtQuick 2.1
 import QtQuick.Controls 1.1
 import QtQuick.Layouts 1.1
+import QtQuick.Controls.Styles 1.1
 
 import UM 1.0 as UM
 
 UM.PreferencesPage {
+    id: preferencesPage
+
     //: View configuration page title
     title: qsTr("View");
 
@@ -20,13 +23,32 @@ UM.PreferencesPage {
         columns: 2;
 
         CheckBox {
-            checked: UM.Preferences.getValue("view/show_overhang");
+            id: viewCheckbox
+            checked: UM.Preferences.getValue("view/show_overhang")
             onCheckedChanged: UM.Preferences.setValue("view/show_overhang", checked)
+        }
+        Button {
+            id: viewText //is a button so the user doesn't have te click inconvenientley precise to enable or disable the checkbox
 
             //: Display Overhang preference checkbox
             text: qsTr("Display Overhang");
-        }
+            onClicked: viewCheckbox.checked = !viewCheckbox.checked
 
+            //: Display Overhang preference tooltip
+            tooltip: "Highlight unsupported areas of the model in red. Without support these areas will nog print properly."
+
+            style: ButtonStyle {
+                background: Rectangle {
+                    border.width: 0
+                    color: "transparent"
+                }
+                label: Text {
+                    renderType: Text.NativeRendering
+                    horizontalAlignment: Text.AlignLeft
+                    text: control.text
+                }
+            }
+        }
         Item { Layout.fillHeight: true; Layout.columnSpan: 2 }
     }
 }