Include a clear icon in the search field

discover/qml/SearchField.qml

@@ -19,10 +19,12 @@
  ***************************************************************************/
 
 import QtQuick 2.5
+import QtQuick.Controls 1.1 as QQC1
 import QtQuick.Controls 2.1
 
 TextField
 {
+    id: searchField
     property QtObject page
     property string currentSearchText
 
@@ -39,6 +41,20 @@ TextField
 
     Component.onCompleted: forceActiveFocus()
 
+    QQC1.ToolButton {
+        anchors {
+            top: parent.top
+            right: parent.right
+            bottom: parent.bottom
+            margins: Kirigami.Units.smallSpacing
+        }
+        iconName: "edit-clear"
+        onClicked: {
+            searchField.text = ""
+            searchField.accepted()
+        }
+    }
+
     Connections {
         ignoreUnknownSignals: true
         target: page