From a6b29d6501fec43f0e28d6d919548a22e5f2fc10 Mon Sep 17 00:00:00 2001
From: Umang Jain <mailumangjain@gmail.com>
Date: Tue, 28 Jan 2020 23:22:30 +0530
Subject: [PATCH] loginDialog: Apply CSS to sessionMenuButton according to
 mockups

https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/922
---
 .../gnome-shell-sass/widgets/_login-dialog.scss     | 13 ++-----------
 js/gdm/loginDialog.js                               |  4 +++-
 2 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/data/theme/gnome-shell-sass/widgets/_login-dialog.scss b/data/theme/gnome-shell-sass/widgets/_login-dialog.scss
index 31c7b0c29..5613d9688 100644
--- a/data/theme/gnome-shell-sass/widgets/_login-dialog.scss
+++ b/data/theme/gnome-shell-sass/widgets/_login-dialog.scss
@@ -69,7 +69,8 @@
     }
   }
 
-  .cancel-button {
+  .cancel-button,
+  .login-dialog-session-list-button {
     padding: 0;
     border-radius: 99px;
     width: $base_icon_size * 2;
@@ -162,13 +163,3 @@
   @include fontsize($base_font_size + 1);
   padding-top: 1em;
 }
-
-.login-dialog-session-list-button StIcon {
-  icon-size: 1.25em;
-}
-
-.login-dialog-session-list-button {
-  color: darken($osd_fg_color,30%);
-  &:hover,&:focus { color: $osd_fg_color; }
-  &:active { color: darken($osd_fg_color, 50%); }
-}
diff --git a/js/gdm/loginDialog.js b/js/gdm/loginDialog.js
index 519f97f79..68ca8d71e 100644
--- a/js/gdm/loginDialog.js
+++ b/js/gdm/loginDialog.js
@@ -312,12 +312,14 @@ var SessionMenuButton = GObject.registerClass({
     _init() {
         let gearIcon = new St.Icon({ icon_name: 'emblem-system-symbolic' });
         let button = new St.Button({
-            style_class: 'login-dialog-session-list-button',
+            style_class: 'modal-dialog-button button login-dialog-session-list-button',
             reactive: true,
             track_hover: true,
             can_focus: true,
             accessible_name: _("Choose Session"),
             accessible_role: Atk.Role.MENU,
+            x_align: Clutter.ActorAlign.CENTER,
+            y_align: Clutter.ActorAlign.CENTER,
             child: gearIcon,
         });