Style tweaks to bar placeholder

app/assets/stylesheets/bar.css

@@ -41,12 +41,18 @@
   }
 
   .bar__placeholder {
+    color: var(--color-ink-medium);
     font-weight: 500;
-    opacity: 0.66;
 
     .btn--plain {
-      font-weight: 500;
+      color: inherit;
+      font-weight: inherit;
+      padding-inline: 1ch;
       white-space: nowrap;
+
+      &:hover {
+        color: oklch(var(--lch-blue-dark));
+      }
     }
   }
 }

app/helpers/hotkeys_helper.rb

@@ -11,7 +11,7 @@ module HotkeysHelper
         else
           key
         end
-      }.join("+")
+      }.join()
     else
       hotkey.split(",").first if hotkey
     end

app/views/bar/_bar.html.erb

@@ -6,7 +6,7 @@
         bar_search_url_value: search_path,
         bar_ask_url_value: conversation_path
       } do %>
-  <div class="flex justify-center gap bar__placeholder" data-bar-target="buttonsContainer">
+  <div class="flex justify-center bar__placeholder" data-bar-target="buttonsContainer">
     <%= tag.button \
           class: "btn btn--plain",
           data: {
@@ -14,7 +14,7 @@
             action: "
             bar#search
             keydown.meta+k@document->hotkey#click keydown.ctrl+k@document->hotkey#click" } do %>
-      <span>Search [<%= hotkey_label(["ctrl", "K"]) %>]</span>
+      <span>Search (<%= hotkey_label(["ctrl", "K"]) %>)</span>
     <% end %>
     <span>or</span>
     <%= tag.button \
@@ -24,7 +24,7 @@
             action: "
             bar#ask
             keydown.meta+a@document->hotkey#click keydown.ctrl+a@document->hotkey#click" } do %>
-      <span>Ask [<%= hotkey_label(["ctrl", "A"]) %>]</span>
+      <span>Ask (<%= hotkey_label(["ctrl", "A"]) %>)</span>
     <% end %>
   </div>