Simply search placeholder, shortcut, and shortcut indicator

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 {

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;
   }
 

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]) ~ & {

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 %>
-      <span>Search (<%= hotkey_label(["ctrl", "K"]) %>)</span>
+            keydown.k@document->hotkey#click" } do %>
+      <span>Search <% if platform.desktop? -%><kbd>K</kbd><% end %></span>
     <% 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 %>
-        <span>Ask (<%= hotkey_label(["ctrl", "A"]) %>)</span>
+              keydown.a@document->hotkey#click" } do %>
+        <span>Ask <% if platform.desktop? -%><kbd>A</kbd><% end %></span>
       <% end %>
     <% end %>
   </div>