Add border to Completer to distinguish it from the window

1 files changed, 4 insertions, 2 deletions

diff --git a/resources/qml/Completer.qml b/resources/qml/Completer.qml

index ff342be5..092738f9 100644
--- a/resources/qml/Completer.qml
+++ b/resources/qml/Completer.qml
@@ -57,9 +57,9 @@ Popup {
             completer = undefined;
         }
     }
-    padding: 0
+    padding: 1
     onAboutToShow: currentIndex = -1
-    height: listView.contentHeight
+    height: listView.contentHeight + 2 // + 2 for the padding on top and bottom
 
     Connections {
         onTimelineChanged: completer = null
@@ -183,6 +183,8 @@ Popup {
         color: colors.base
         implicitHeight: popup.contentHeight
         implicitWidth: popup.contentWidth
+        // colors.text should always contrast nicely with the window background
+        border.color: colors.text
     }
 
 }