From 6567e5a796a740ce512a487218cfcfb914872657 Mon Sep 17 00:00:00 2001
From: Rigel Kent <sendmemail@rigelk.eu>
Date: Thu, 18 Jun 2020 12:10:20 +0200
Subject: [PATCH] soft border-radius for search typeahead suggestions

---
 client/src/app/header/search-typeahead.component.scss | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/client/src/app/header/search-typeahead.component.scss b/client/src/app/header/search-typeahead.component.scss
index 4b56fd93a..c21323f56 100644
--- a/client/src/app/header/search-typeahead.component.scss
+++ b/client/src/app/header/search-typeahead.component.scss
@@ -38,11 +38,17 @@
 #typeahead-instructions,
 li.suggestion {
   border: 1px solid pvar(--mainBackgroundColor);
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
   background: pvar(--mainBackgroundColor);
   transition: .3s ease;
   transition-property: box-shadow;
+
+  // soft border-radius for the last suggestion and the link inside
+  &:last-of-type {
+    &, & ::ng-deep a {
+      border-bottom-right-radius: 3px;
+      border-bottom-left-radius: 3px;
+    }
+  }
 }
 
 #typeahead-help,
-- 
2.25.1