[gnome-shell/wip/carlosg/bottom-emoji-row-alignment] keyboard: Add bottom emoji panel row to separate aspect container

[Carlos Garnacho <carlosg src gnome org>]

commit faf5e35df769a69a97ac20f2f0b3fcda71429b76
Author: Carlos Garnacho <carlosg gnome org>
Date:   Tue Mar 5 19:34:23 2019 +0100

    keyboard: Add bottom emoji panel row to separate aspect container
    
    So we ensure the row has the right aspect ratio, and buttons neatly aligned
    with the bottom row in the alphanumeric view.
    
    https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/439

 js/ui/keyboard.js | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)
---
diff --git a/js/ui/keyboard.js b/js/ui/keyboard.js
index 124831d6a..8dc1b306f 100644
--- a/js/ui/keyboard.js
+++ b/js/ui/keyboard.js
@@ -881,7 +881,7 @@ var EmojiSelection = class EmojiSelection {
         this._pageIndicator.setReactive(false);
 
         let bottomRow = this._createBottomRow();
-        this.actor.add(bottomRow, { x_fill: true, y_fill: false });
+        this.actor.add(bottomRow, { expand: true, x_fill: false, y_fill: false });
 
         this._emojiPager.setCurrentPage(0);
     }
@@ -970,7 +970,16 @@ var EmojiSelection = class EmojiSelection {
         row.appendKey(key.actor);
         row.layoutButtons();
 
-        return row;
+        let actor = new AspectContainer({ layout_manager: new Clutter.BinLayout(),
+                                          x_expand: true, y_expand: true });
+        actor.add_child(row);
+        /* Regular keyboard layouts are 11.5×4 grids, optimize for that
+         * at the moment. Ideally this should be as wide as the current
+         * keymap.
+         */
+        actor.setRatio(11.5, 1);
+
+        return actor;
     }
 };
 Signals.addSignalMethods(EmojiSelection.prototype);