[gnome-control-center/wip/feborges/user-accounts-ui-improvements: 3/4] user-account: Add border around user image button

[Felipe Borges <felipeborges src gnome org>]

commit 3da160d0aa674c3e145a88529e983e32f5815f84
Author: Felipe Borges <felipeborges gnome org>
Date:   Tue Jan 14 12:27:51 2020 +0100

    user-account: Add border around user image button
    
    According to the mockups at
    https://gitlab.gnome.org/Teams/Design/settings-mockups/raw/master/users/users.png
    
    Fixes #771

 panels/user-accounts/cc-user-panel.ui              | 6 ++++++
 panels/user-accounts/data/user-accounts-dialog.css | 7 ++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)
---
diff --git a/panels/user-accounts/cc-user-panel.ui b/panels/user-accounts/cc-user-panel.ui
index 4fa5fe0eb..9cf445105 100644
--- a/panels/user-accounts/cc-user-panel.ui
+++ b/panels/user-accounts/cc-user-panel.ui
@@ -129,12 +129,18 @@
                               <object class="GtkStack" id="user_icon_stack">
                                 <property name="visible">True</property>
                                 <property name="halign">GTK_ALIGN_END</property>
+                                <style>
+                                  <class name="user-icon-button"/>
+                                </style>
                                 <child>
                                   <object class="CcUserImage" id="user_icon_image">
                                     <property name="visible">True</property>
                                     <property name="icon_name">avatar-default</property>
                                     <property name="pixel_size">96</property>
                                     <property name="halign">GTK_ALIGN_END</property>
+                                    <style>
+                                      <class name="user-icon-button"/>
+                                    </style>
                                     <child internal-child="accessible">
                                       <object class="AtkObject">
                                         <property name="accessible-name" translatable="yes">User 
Icon</property>
diff --git a/panels/user-accounts/data/user-accounts-dialog.css 
b/panels/user-accounts/data/user-accounts-dialog.css
index f895f34b3..49be443c9 100644
--- a/panels/user-accounts/data/user-accounts-dialog.css
+++ b/panels/user-accounts/data/user-accounts-dialog.css
@@ -18,6 +18,11 @@ levelbar .strength-high {
 .user-icon-button {
   background: transparent;
   box-shadow: none;
-  border: none;
+  border: 1px solid @borders;
+  border-radius: 50%;
+  padding: 3px;
 }
 
+.user-icon-button > .user-icon-button {
+  padding: 0;
+}