[gnome-shell/T27795: 117/138] iconGrid: Increase the labels width

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

commit accf29c2dcc9876ca7fbf1d4dbc2d128923340d3
Author: Mario Sanchez Prada <mario endlessm com>
Date:   Wed Feb 7 15:45:53 2018 +0000

    iconGrid: Increase the labels width
    
    The icon labels' width was too short for many app names to fit it, and
    thus the grid showed more apps with ellipsized names than in the shell
    we had in < 3.2 versions.
    
    https://phabricator.endlessm.com/T18044

 data/theme/gnome-shell-sass/_endless.scss | 23 +++++++++++++++++++++++
 js/ui/iconGrid.js                         |  2 +-
 2 files changed, 24 insertions(+), 1 deletion(-)
---
diff --git a/data/theme/gnome-shell-sass/_endless.scss b/data/theme/gnome-shell-sass/_endless.scss
index 59ac53229a..da13f14dd1 100644
--- a/data/theme/gnome-shell-sass/_endless.scss
+++ b/data/theme/gnome-shell-sass/_endless.scss
@@ -390,6 +390,29 @@ popup-separator-menu-item {
     & > StBoxLayout { padding: 0px 70px; }
 }
 
+%app-well-icon {
+    width: 118px;
+    height: 118px;
+    padding: 6px 1px 6px 1px;
+    spacing: 4px;
+}
+
+.app-well-app {
+    .overview-icon { @extend %app-well-icon; }
+}
+
+.app-folder,
+.app-well-app.app-folder {
+    & > .overview-icon {
+        @extend %app-well-icon;
+        background-color: rgba(0, 0, 0, 0.3);
+    }
+}
+
+.app-folder-popup {
+    -arrow-background-color: rgba(0, 0, 0, 0.3);
+}
+
 .icon-grid {
     spacing: 10px;
     -shell-grid-horizontal-item-size: 118px;
diff --git a/js/ui/iconGrid.js b/js/ui/iconGrid.js
index 42136d1df6..2b8f1cc16c 100644
--- a/js/ui/iconGrid.js
+++ b/js/ui/iconGrid.js
@@ -42,7 +42,7 @@ class BaseIcon extends St.Bin {
 
         super._init({ style_class: styleClass,
                       x_fill: true,
-                      y_fill: true });
+                      y_fill: false });
 
         this.connect('destroy', this._onDestroy.bind(this));