[gnome-shell/uajain/adapt-user-avatar-part2: 67/74] authPrompt: Iconize the cancel button

[Umang Jain <uajain src gnome org>]

commit a622b4ef4f157c655fd670dbe0b05e2063658a05
Author: Umang Jain <mailumangjain gmail com>
Date:   Tue Jan 14 20:45:48 2020 +0530

    authPrompt: Iconize the cancel button
    
    Replace the "Cancel" label in the cancel button
    by an arrow icon, and adjust the theme to make
    it circular.

 data/theme/gnome-shell-sass/widgets/_login-dialog.scss | 11 +++++++++++
 js/gdm/authPrompt.js                                   |  4 ++--
 2 files changed, 13 insertions(+), 2 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/widgets/_login-dialog.scss 
b/data/theme/gnome-shell-sass/widgets/_login-dialog.scss
index f2813f53b6..97703b6b3f 100644
--- a/data/theme/gnome-shell-sass/widgets/_login-dialog.scss
+++ b/data/theme/gnome-shell-sass/widgets/_login-dialog.scss
@@ -71,6 +71,17 @@
       }
     }
   }
+
+  .cancel-button {
+    padding: 0;
+    border-radius: 16px;
+    width: 32px;
+    height: 32px;
+    border-color: transparentize($bg_color,0.7);
+    background-color: transparentize($bg_color,0.7);
+
+    StIcon { icon-size: 16px; }
+  }
 }
 
 .login-dialog-logo-bin { padding: 24px 0px; }
diff --git a/js/gdm/authPrompt.js b/js/gdm/authPrompt.js
index ac5f74bd2d..5d3aed1364 100644
--- a/js/gdm/authPrompt.js
+++ b/js/gdm/authPrompt.js
@@ -132,14 +132,14 @@ var AuthPrompt = GObject.registerClass({
         this.add_child(mainBox);
 
         this.cancelButton = new St.Button({
-            style_class: 'modal-dialog-button button',
+            style_class: 'modal-dialog-button button cancel-button',
             button_mask: St.ButtonMask.ONE | St.ButtonMask.THREE,
             reactive: true,
             can_focus: true,
-            label: _("Cancel"),
             x_expand: true,
             x_align: Clutter.ActorAlign.START,
             y_align: Clutter.ActorAlign.END,
+            child: new St.Icon({ icon_name: 'go-previous-symbolic' }),
         });
         this.cancelButton.connect('clicked', () => this.cancel());
         mainBox.add_child(this.cancelButton);