Set global CSS instead of adding a style context to every widget

2 files changed, 4 insertions, 9 deletions

diff --git a/src/components/tag_pill.rs b/src/components/tag_pill.rs
index 7579c0e..487add7 100644
--- a/src/components/tag_pill.rs
+++ b/src/components/tag_pill.rs
@@ -37,15 +37,6 @@ impl FactoryComponent for TagPill {
                 set_valign: gtk::Align::Center,
             }
         }
-
-        use gtk::prelude::StyleContextExt;
-        let css = gtk::CssProvider::new();
-        css.load_from_bytes(&glib::Bytes::from_static(b".tag-pill button {
-    min-height: 30px;
-    min-width: 30px;
-}"));
-
-        root.style_context().add_provider(&css, gtk::STYLE_PROVIDER_PRIORITY_APPLICATION + 2);
         root
     }
 
diff --git a/src/main.rs b/src/main.rs
index 11963b0..d906a66 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -10,6 +10,10 @@ fn main() {
     relm4_icons::initialize_icons();
 
     let app = relm4::RelmApp::new(bowl::APPLICATION_ID);
+    relm4::set_global_css(".tag-pill button {
+    min-height: 30px;
+    min-width: 30px;
+}");
 
     app.run_async::<bowl::App>(());
 }