fix: widen the emoji grid so entry names fit

Each row is a glyph followed by its name, and five columns in a 680px window
left cells too narrow for the name to survive. Three columns in a 1500px
window gives about 485px a cell.

Names are also left-aligned now rather than centred, since a row is a label
rather than a lone symbol, and the glyph font drops from 20 to 16 so the name
carries the row.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01G6aeE37K4GHBsaM51yLTTq

1 files changed, 13 insertions, 11 deletions

diff --git a/rofi/udt/grid.rasi b/rofi/udt/grid.rasi
index c4ec128..b610a16 100644
--- a/rofi/udt/grid.rasi
+++ b/rofi/udt/grid.rasi
@@ -8,7 +8,7 @@
 @import "common.rasi"
 
 window {
-    width:    680px;
+    width:    1500px;
     anchor:   center;
     location: center;
 }
@@ -18,27 +18,29 @@ mainbox {
 }
 
 listview {
-    columns: 5;
-    lines:   6;
+    columns: 3;
+    lines:   10;
     spacing: 6px;
     fixed-height: false;
 }
 
-/* Entries are glyphs rather than prose, so they are centered in their cell
- * instead of left-aligned, and scaled up to roughly the launcher's icon size.
+/* Three wide columns rather than five narrow ones: each row is a glyph plus
+ * its name, and narrow cells truncated the name away. At 1500px that leaves
+ * about 485px a cell, enough for all but the longest names.
  *
- * rofi's emoji mode puts the glyph and its name on the same row, so this font
- * applies to both. Noto Color Emoji carries no Latin glyphs, so fontconfig
- * falls back for the name text. If the names end up looking wrong, the fix is
- * to drop this font line and raise the element padding instead. */
+ * rofi's emoji mode puts the glyph and its name on the same row, so the font
+ * below applies to both. Noto Color Emoji carries no Latin glyphs, so
+ * fontconfig falls back for the name text. */
 element {
     padding:       10px;
     spacing:       0;
     border-radius: 6px;
 }
 
+/* Left-aligned, not centred: each row is a glyph followed by its name, so it
+ * reads as a label rather than a lone symbol. */
 element-text {
-    font:             "Noto Color Emoji 20";
-    horizontal-align: 0.5;
+    font:             "Noto Color Emoji 16";
+    horizontal-align: 0.0;
     vertical-align:   0.5;
 }