Fix #13377 (#13603)

Author: oleksiisedun

files/usr/share/cinnamon/applets/keyboard@cinnamon.org/applet.js

@@ -41,6 +41,9 @@ class CinnamonKeyboardApplet extends Applet.Applet {
         this._panel_icon_box.set_fill(true, false);
         this._panel_icon_box.set_alignment(St.Align.MIDDLE, St.Align.MIDDLE);
 
+        // Force the container to hold its width while the new flag image loads into memory
+        this._panel_icon_box.set_style("min-width: 2.5em;");
+
         this._signalManager = new SignalManager.SignalManager(null);
         this._signalManager.connect(this.panel, "icon-size-changed", () => this._syncGroup());
 
@@ -200,7 +203,7 @@ class CinnamonKeyboardApplet extends Applet.Applet {
         this.set_applet_tooltip(selected.displayName);
 
         let actor = null;
-        const iconSize = this.getPanelIconSize(St.IconType.SYMBOLIC);
+        const iconSize = this.getPanelIconSize(St.IconType.FULLCOLOR);
 
         if (this._inputSourcesManager.showFlags) {
             actor = this._inputSourcesManager.createFlagIcon(selected, APPLET_ICON_STYLE_CLASS, iconSize);
@@ -211,6 +214,8 @@ class CinnamonKeyboardApplet extends Applet.Applet {
                 text: selected.shortName,
                 style_class: "applet-label"
             });
+            // Enforce a constant width and center the text
+            actor.set_style("min-width: 2.5em; text-align: center;");
         }
 
         this._panel_icon_box.set_child(actor);
@@ -230,6 +235,9 @@ class CinnamonKeyboardApplet extends Applet.Applet {
             style_class: "applet-label"
         });
 
+        // Enforce a constant width and center the text
+        actor.set_style("min-width: 2.5em; text-align: center;");
+
         this._panel_icon_box.set_child(actor);
     }