[gnome-shell/gbsneto/quick-settings-arrow: 1/2] quickSettings: Style arrow button instead of icon

[Georges Basile Stavracas Neto <gbsneto src gnome org>]

commit 235dd7be76c28aeed5d7a4a041bdfbaec39f68ac
Author: Georges Basile Stavracas Neto <georges stavracas gmail com>
Date:   Mon Aug 22 18:40:46 2022 -0300

    quickSettings: Style arrow button instead of icon
    
    Next commit will rotate the arrow icon, so it cannot hold the
    rounded background style. Move that style to the parent StButton.

 data/theme/gnome-shell-sass/widgets/_quick-settings.scss | 2 +-
 js/ui/quickSettings.js                                   | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)
---
diff --git a/data/theme/gnome-shell-sass/widgets/_quick-settings.scss 
b/data/theme/gnome-shell-sass/widgets/_quick-settings.scss
index 869e15f0bf..ba94c272fa 100644
--- a/data/theme/gnome-shell-sass/widgets/_quick-settings.scss
+++ b/data/theme/gnome-shell-sass/widgets/_quick-settings.scss
@@ -34,7 +34,7 @@
   &:ltr > StBoxLayout { padding-right: 0; }
   &:rtl > StBoxLayout { padding-left: 0; }
 
-  & .quick-toggle-arrow {
+  & .quick-toggle-arrow-button {
     background-color: transparentize($fg_color, 0.9);
     padding: $base_padding $base_padding*1.75;
 
diff --git a/js/ui/quickSettings.js b/js/ui/quickSettings.js
index faa87601fc..ad9033c795 100644
--- a/js/ui/quickSettings.js
+++ b/js/ui/quickSettings.js
@@ -116,6 +116,7 @@ var QuickMenuToggle = GObject.registerClass({
                 style_class: 'quick-toggle-arrow',
                 icon_name: 'go-next-symbolic',
             }),
+            style_class: 'quick-toggle-arrow-button',
             x_expand: false,
             y_expand: true,
         });