[gnome-todo] window: Use custom CSS class for widget-based menus

[Georges Basile Stavracas Neto <gbsneto src gnome org>]

commit 04fff332bd8fdfff56ee5e2490898cd9f81b5bce
Author: Georges Basile Stavracas Neto <georges stavracas gmail com>
Date:   Sun May 3 14:52:13 2020 -0300

    window: Use custom CSS class for widget-based menus

 src/gtd-window.ui             |  7 +++----
 src/theme/Adwaita-widgets.css | 16 ++++++++++++++++
 2 files changed, 19 insertions(+), 4 deletions(-)
---
diff --git a/src/gtd-window.ui b/src/gtd-window.ui
index fe57dbb..e394eb1 100644
--- a/src/gtd-window.ui
+++ b/src/gtd-window.ui
@@ -119,12 +119,11 @@
 
   <!-- Workspaces Popover -->
   <object class="GtkPopover" id="workspaces_popover">
+    <style>
+      <class name="custom-menu" />
+    </style>
     <child>
       <object class="GtkBox">
-        <property name="margin-start">6</property>
-        <property name="margin-end">6</property>
-        <property name="margin-top">6</property>
-        <property name="margin-bottom">6</property>
         <property name="width-request">150</property>
 
         <child>
diff --git a/src/theme/Adwaita-widgets.css b/src/theme/Adwaita-widgets.css
index 63bf923..e608752 100644
--- a/src/theme/Adwaita-widgets.css
+++ b/src/theme/Adwaita-widgets.css
@@ -25,3 +25,19 @@ star:checked {
   animation-duration: 400ms;
   animation-timing-function: linear;
 }
+
+/* Popovers with Menus */
+popover.custom-menu > contents {
+  padding: 12px 8px 8px 8px;
+}
+
+popover.custom-menu contents label.title {
+  font-weight: bold;
+  font-size: 0.8333em;
+  opacity: 0.5;
+  margin-bottom: 6px;
+}
+
+popover.custom-menu list > row {
+  border-radius: 5px;
+}