[fractal/fractal-next] room_details: Add cutout style to avatar buttons

[Julian Sparber <jsparber src gnome org>]

commit 0c2a610ff74fb05841de29a4d499732f982deb77
Author: Kai A. Hiller <V02460 gmail com>
Date:   Sun Aug 8 18:40:40 2021 +0200

    room_details: Add cutout style to avatar buttons

 data/resources/style.css                  | 13 +++++++++++++
 data/resources/ui/content-room-details.ui |  2 ++
 2 files changed, 15 insertions(+)
---
diff --git a/data/resources/style.css b/data/resources/style.css
index 18ddec77..95bae3f1 100644
--- a/data/resources/style.css
+++ b/data/resources/style.css
@@ -210,3 +210,16 @@ headerbar.flat {
 .bold {
   font-weight: bold;
 }
+
+button.cutout {
+  box-shadow: 0 0 0 2px @theme_bg_color;
+  background-color: #e2e2e1;
+}
+
+button.cutout:hover {
+  background-color: #d8d8d7;
+}
+
+button.cutout:active {
+  background-color: #c4c5c4;
+}
diff --git a/data/resources/ui/content-room-details.ui b/data/resources/ui/content-room-details.ui
index 251936ad..4250759f 100644
--- a/data/resources/ui/content-room-details.ui
+++ b/data/resources/ui/content-room-details.ui
@@ -33,6 +33,7 @@
                     <property name="halign">end</property>
                     <property name="valign">start</property>
                     <style>
+                      <class name="cutout" />
                       <class name="circular" />
                     </style>
                   </object>
@@ -44,6 +45,7 @@
                     <property name="halign">end</property>
                     <property name="valign">end</property>
                     <style>
+                      <class name="cutout" />
                       <class name="circular" />
                     </style>
                   </object>