Fix styles

Author: danirabbit

data/application.css

@@ -1,4 +1,3 @@
-decoration,
 window,
 .titlebar {
     background: transparent;
@@ -18,19 +17,19 @@ window,
             @BLACK_500
         );
     box-shadow:
-        inset 0 0 0 1px alpha (#fff, 0.02),
-        inset 0 1px 0 0 alpha (#fff, 0.07),
-        inset 0 -1px 0 0 alpha (#fff, 0.01),
-        0 0 0 1px alpha (#000, 0.7),
-        0 1px 2px alpha (#000, 0.16),
-        0 2px 3px alpha (#000, 0.23);
+        inset 0 0 0 1px alpha(#fff, 0.02),
+        inset 0 1px 0 0 alpha(#fff, 0.07),
+        inset 0 -1px 0 0 alpha(#fff, 0.01),
+        0 0 0 1px alpha(#000, 0.7),
+        0 1px 2px alpha(#000, 0.16),
+        0 2px 3px alpha(#000, 0.23);
     margin: 3px;
     -gtk-icon-size: 24px;
 }
 
 .close image {
     color: #fff;
-    -gtk-icon-shadow: 0 1px 1px alpha (#000, 0.6);
+    -gtk-icon-shadow: 0 1px 1px alpha(#000, 0.6);
 }
 
 .notification stack > grid {

data/image-mask.svg

@@ -1,7 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <gresources>
   <gresource prefix="/io/elementary/notifications">
-    <file alias="application.css" compressed="true">application.css</file>
-    <file alias="image-mask.svg" compressed="true">image-mask.svg</file>
+    <file alias="Application.css" compressed="true">application.css</file>
   </gresource>
 </gresources>

data/notifications.gresource.xml

@@ -55,7 +55,8 @@ public class Notifications.AbstractBubble : Gtk.Window {
             transition_type = Gtk.RevealerTransitionType.CROSSFADE,
             halign = Gtk.Align.START,
             valign = Gtk.Align.START,
-            child = close_button
+            child = close_button,
+            overflow = VISIBLE
         };
 
         var overlay = new Gtk.Overlay () {
@@ -122,7 +123,7 @@ public class Notifications.AbstractBubble : Gtk.Window {
             timeout_id = 0;
         }
 
-        show ();
+        base.present ();
 
         if (timeout != 0) {
             timeout_id = Timeout.add (timeout, timeout_expired);

src/AbstractBubble.vala

@@ -18,7 +18,7 @@
 *
 */
 
-public class Notifications.MaskedImage : Gtk.Overlay {
+public class Notifications.MaskedImage : Granite.Bin {
     private const int ICON_SIZE = 48;
 
     public Gdk.Pixbuf pixbuf { get; construct; }
@@ -28,15 +28,11 @@ public class Notifications.MaskedImage : Gtk.Overlay {
     }
 
     construct {
-        var mask = new Gtk.Image.from_resource ("/io/elementary/notifications/image-mask.svg");
-        mask.pixel_size = ICON_SIZE;
-
         var image = new Gtk.Image ();
         image.gicon = mask_pixbuf (pixbuf, scale_factor);
         image.pixel_size = ICON_SIZE;
 
         child = image;
-        add_overlay (mask);
     }
 
     private static Gdk.Pixbuf? mask_pixbuf (Gdk.Pixbuf pixbuf, int scale) {