feat: compact Neovim toolbar controls

react/src/react.css

@@ -69,6 +69,41 @@
   min-width: 0;
   gap: 6px;
 }
+.nvim-toolbar-boundary {
+  flex: none;
+  color: #6f7d83;
+  font: 700 14px/1 ui-monospace, monospace;
+}
+.nvim-toolbar-context {
+  flex: none;
+  width: 5ch;
+  color: #263238;
+  font: 800 12px/1 ui-monospace, monospace;
+  letter-spacing: .08em;
+  text-align: center;
+}
+.nvim-toolbar-actions {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+}
+.nvim-toolbar-button {
+  display: inline-flex;
+  align-items: center;
+}
+.nvim-toolbar-key {
+  flex: 0 0 2ch;
+  color: #267697;
+  font: inherit;
+  text-align: center;
+}
+.nvim-toolbar-label {
+  flex: 0 0 5ch;
+  max-width: 5ch;
+  overflow: hidden;
+  text-align: left;
+  white-space: nowrap;
+}
 .topbar-nvim-meta {
   display: flex;
   align-items: baseline;
@@ -206,6 +241,19 @@
   background: #eaf6fb;
   color: #174d64;
 }
+.topbar-nvim-section .nvim-toolbar-button {
+  flex: 0 0 9.5ch;
+  width: 9.5ch;
+  min-width: 9.5ch;
+  max-width: 9.5ch;
+  height: 24px;
+  box-sizing: border-box;
+  justify-content: flex-start;
+  gap: .55ch;
+  padding: 2px .55ch;
+  font: 750 12px/1 ui-monospace, monospace;
+  letter-spacing: 0;
+}
 .nvim-shortcut-strip {
   flex: none;
   color: #536168;