diff --git a/app/assets/stylesheets/bar.css b/app/assets/stylesheets/bar.css
index 23bd31812..e996853f3 100644
--- a/app/assets/stylesheets/bar.css
+++ b/app/assets/stylesheets/bar.css
@@ -50,13 +50,15 @@
}
.bar__placeholder {
- color: var(--color-ink-medium);
font-weight: 500;
+ opacity: 0.66;
.btn--plain {
color: inherit;
- font-weight: inherit;
+ font-size: var(--text-x-small);
+ font-weight: 600;
padding-inline: 1ch;
+ text-transform: uppercase;
white-space: nowrap;
&:hover {
diff --git a/app/assets/stylesheets/base.css b/app/assets/stylesheets/base.css
index 2ab4d7422..bf6d8df4a 100644
--- a/app/assets/stylesheets/base.css
+++ b/app/assets/stylesheets/base.css
@@ -71,6 +71,7 @@
opacity: 0.7;
padding: 0 0.4em;
text-transform: uppercase;
+ vertical-align: middle;
white-space: nowrap;
}
diff --git a/app/assets/stylesheets/trays.css b/app/assets/stylesheets/trays.css
index a933a0fcf..179ac73d4 100644
--- a/app/assets/stylesheets/trays.css
+++ b/app/assets/stylesheets/trays.css
@@ -87,10 +87,6 @@
display: none;
}
- .tray__toggle-text kbd {
- vertical-align: text-bottom;
- }
-
@media (max-width: 799px) {
/* When collapsed on mobile, make it small */
.tray__dialog:not([open]) ~ & {
diff --git a/app/views/bar/_bar.html.erb b/app/views/bar/_bar.html.erb
index 136602498..bf4d26168 100644
--- a/app/views/bar/_bar.html.erb
+++ b/app/views/bar/_bar.html.erb
@@ -13,8 +13,8 @@
controller: "hotkey",
action: "
bar#search
- keydown.meta+k@document->hotkey#click keydown.ctrl+k@document->hotkey#click" } do %>
- Search (<%= hotkey_label(["ctrl", "K"]) %>)
+ keydown.k@document->hotkey#click" } do %>
+ Search <% if platform.desktop? -%>K<% end %>
<% end %>
<% if Current.user.staff? %>
<%= tag.button \
@@ -23,8 +23,8 @@
controller: "hotkey",
action: "
bar#ask
- keydown.meta+a@document->hotkey#click keydown.ctrl+a@document->hotkey#click" } do %>
- Ask (<%= hotkey_label(["ctrl", "A"]) %>)
+ keydown.a@document->hotkey#click" } do %>
+ Ask <% if platform.desktop? -%>A<% end %>
<% end %>
<% end %>