Improve manual message dialog, improve message bar design

data/resources/style.css

@@ -3,10 +3,17 @@
   font-weight: bold;
 }
 
+button.small {
+  padding: 6px 12px;
+  min-height: 0px;
+  min-width: 0px;
+  font-size: 14px;
+}
+
 .chip {
   min-height: 16px;
   min-width: 16px;
-  padding: 3px 5px;
+  padding: 2px 5px;
   color: @theme_fg_color;
   border-radius: 8px;
 }
@@ -29,3 +36,23 @@
 .chip--small {
   font-size: 0.8rem;
 }
+
+
+.sourceview {
+  padding: 4px 8px;
+}
+
+.code {
+  border-radius: 12px;
+  border: 1px solid @borders;
+}
+
+.message_bar {
+  padding: 2px 2px;
+  background-color: @sidebar_bg_color;
+  border-radius: 24px;
+}
+.message_bar entry {
+  background-color: @sidebar_bg_color;
+  border-radius: 12px;
+}

data/resources/ui/window.blp

@@ -127,16 +127,19 @@ template $NotifyWindow : Adw.ApplicationWindow {
           };
           [bottom]
           Adw.Bin {
-            margin-top: 8;
-            margin-bottom: 8;
-            margin-start: 8;
-            margin-end: 8;
+            margin-top: 4;
+            margin-bottom: 4;
+            margin-start: 4;
+            margin-end: 4;
             Adw.Clamp {
               Gtk.Box {
-                spacing: 4;
+                styles [
+                  "message_bar"
+                ]
                 Gtk.Button code_btn {
                   styles [
-                    "circular"
+                    "circular",
+                    "flat"
                   ]
                   icon-name: "code-symbolic";
                 }