[gnome-shell-sass] theme: Lock screen notification style tweaks

[Florian Müllner <fmuellner src gnome org>]

commit d0d390973b7fd1ed1e55eba2f700b382a76b7993
Author: Jakub Steiner <jimmac gmail com>
Date:   Thu Feb 13 21:13:49 2020 +0100

    theme: Lock screen notification style tweaks
    
    - use standard border radius for notifications
    - negative space pills for counters
    - no border, slightly less opaque background allowed
      by the massive blur radius for the wallpaper
    
    https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/998

 widgets/_screen-shield.scss | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)
---
diff --git a/widgets/_screen-shield.scss b/widgets/_screen-shield.scss
index 7875c05..00c549a 100644
--- a/widgets/_screen-shield.scss
+++ b/widgets/_screen-shield.scss
@@ -37,10 +37,10 @@
   .notification,
   .unlock-dialog-notification-source {
     padding: 12px 6px;
-    border: 1px solid $osd_outer_borders_color;
-    background-color: transparentize($osd_bg_color,0.5);
+    border: none;
+    background-color: transparentize($osd_bg_color,0.7);
     color: $osd_fg_color;
-    border-radius: 4px;
+    border-radius: $modal_radius;
 
     &.critical { background-color: transparentize($osd_bg_color,0.1) }
   }
@@ -52,7 +52,12 @@
 
 .unlock-dialog-notification-count-text {
   weight: bold;
-  padding: 0px 12px;
+  padding: 0 6px;
+  color: $osd_bg_color;
+  background-color: transparentize($osd_fg_color, 0.7);
+  border-radius: 99px;
+  margin-right: 12px;
+
 }
 
 .screen-shield-background { //just the shadow, really