[gnome-weather/wip/christopherdavis/style-updates: 6/6] css: Make OSD buttons circular

[Vitaly Dyachkov <vitalydyachkov src gnome org>]

commit b126c9388550770ea1ae966bf913f862a024d717
Author: Christopher Davis <brainblasted disroot org>
Date:   Tue Sep 29 13:38:39 2020 -0700

    css: Make OSD buttons circular
    
    Fixes https://gitlab.gnome.org/GNOME/gnome-weather/-/issues/117

 data/application.css   | 11 +++++++++++
 data/weather-widget.ui |  2 ++
 2 files changed, 13 insertions(+)
---
diff --git a/data/application.css b/data/application.css
index 9821e96..b6f49e5 100644
--- a/data/application.css
+++ b/data/application.css
@@ -88,3 +88,14 @@ viewswitchertitle viewswitcher {
   margin-left: 100px;
   margin-right: 100px;
 }
+
+button.osd.circular {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+button.osd.circular > image {
+  padding: 12px;
+}
diff --git a/data/weather-widget.ui b/data/weather-widget.ui
index 1b6b225..fd00cce 100644
--- a/data/weather-widget.ui
+++ b/data/weather-widget.ui
@@ -116,6 +116,7 @@
                     </child>
                     <style>
                       <class name="osd"/>
+                      <class name="circular"/>
                     </style>
                   </object>
                 </child>
@@ -137,6 +138,7 @@
                     </child>
                     <style>
                       <class name="osd"/>
+                      <class name="circular"/>
                     </style>
                   </object>
                   <packing>