[gnome-builder/wip/gtk4-port: 948/1774] libide/gui: make button.pill.small more generic

[Christian Hergert <chergert src gnome org>]

commit 11da648a7c438fe84618eff92f36d7a716f02497
Author: Christian Hergert <chergert redhat com>
Date:   Tue May 10 13:50:28 2022 -0700

    libide/gui: make button.pill.small more generic
    
    So we can use this outside of the greeter within action rows.

 src/libide/greeter/ide-greeter-row.c | 4 ++--
 src/libide/greeter/style.css         | 6 ------
 src/libide/gui/style.css             | 7 +++++++
 3 files changed, 9 insertions(+), 8 deletions(-)
---
diff --git a/src/libide/greeter/ide-greeter-row.c b/src/libide/greeter/ide-greeter-row.c
index 9a6ef2c70..ee45b39e0 100644
--- a/src/libide/greeter/ide-greeter-row.c
+++ b/src/libide/greeter/ide-greeter-row.c
@@ -310,10 +310,10 @@ ide_greeter_row_set_project_info (IdeGreeterRow  *self,
               GtkLabel *tag;
 
               tag = g_object_new (GTK_TYPE_LABEL,
-                                  "css-name", "button",
                                   "label", key,
+                                  "css-name", "button",
+                                  "css-classes", (const char * const []) { "pill", "small", NULL },
                                   NULL);
-              gtk_widget_add_css_class (GTK_WIDGET (tag), "pill");
               gtk_box_append (priv->tags, GTK_WIDGET (tag));
             }
 
diff --git a/src/libide/greeter/style.css b/src/libide/greeter/style.css
index e82080fc6..e69de29bb 100644
--- a/src/libide/greeter/style.css
+++ b/src/libide/greeter/style.css
@@ -1,6 +0,0 @@
-window.greeter button.pill {
-  font-size: .83333em;
-  border-radius: 99px;
-  margin: 0;
-  padding: 3px 12px;
-}
diff --git a/src/libide/gui/style.css b/src/libide/gui/style.css
index 80e50cb9d..aa762f1a3 100644
--- a/src/libide/gui/style.css
+++ b/src/libide/gui/style.css
@@ -63,6 +63,13 @@ notificationstack button {
   background: none;
 }
 
+button.pill.small {
+  font-size: .83333em;
+  border-radius: 99px;
+  margin: 0;
+  padding: 3px 12px;
+}
+
 /* Styling for search bars */
 .searchbar {
   background-color: @popover_bg_color;