[gnome-shell] appDisplay: Make page previews fill allocation

[Robert Mader <rmader src gnome org>]

commit 3281c03aeaf5e0a34527d8d48de7ced45ada95de
Author: Georges Basile Stavracas Neto <georges stavracas gmail com>
Date:   Tue Jun 14 16:58:19 2022 -0300

    appDisplay: Make page previews fill allocation
    
    Instead of hardcoding the width of the page previous, allow them
    to fill the allocated space.
    
    Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2335>

 data/theme/gnome-shell-sass/widgets/_app-grid.scss | 2 --
 js/ui/appDisplay.js                                | 4 ++--
 2 files changed, 2 insertions(+), 4 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/widgets/_app-grid.scss 
b/data/theme/gnome-shell-sass/widgets/_app-grid.scss
index 91cf023f19..0fcf62edd3 100644
--- a/data/theme/gnome-shell-sass/widgets/_app-grid.scss
+++ b/data/theme/gnome-shell-sass/widgets/_app-grid.scss
@@ -125,8 +125,6 @@ $app_icon_size: 96px;
 }
 
 .page-navigation-hint {
-  width: 300px;
-
   &.dnd {
     background: rgba(255, 255, 255, 0.1);
   }
diff --git a/js/ui/appDisplay.js b/js/ui/appDisplay.js
index f3134d94a0..cb90ffa61c 100644
--- a/js/ui/appDisplay.js
+++ b/js/ui/appDisplay.js
@@ -461,7 +461,7 @@ var BaseAppView = GObject.registerClass({
             reactive: false,
             x_expand: true,
             y_expand: true,
-            x_align: Clutter.ActorAlign.END,
+            x_align: Clutter.ActorAlign.FILL,
             y_align: Clutter.ActorAlign.FILL,
         });
 
@@ -472,7 +472,7 @@ var BaseAppView = GObject.registerClass({
             reactive: false,
             x_expand: true,
             y_expand: true,
-            x_align: Clutter.ActorAlign.START,
+            x_align: Clutter.ActorAlign.FILL,
             y_align: Clutter.ActorAlign.FILL,
         });