Search results UI: do not make 'Summarize' appear as part of the description text

MustafaD

Currently, every search result shows after the description text 'Summarize', which is a button that creates a summary of the webpage. Seems handy and cool.

However, I find it cumbersome for my eyes to constantly catch this as it appears as part of the description text.

Please make it in the UI that this appears more like a button (eg: round-cornered border) and preferably let it appear to the extreme end like 'Info for …' and 'More' buttons.

We think this is more consistent.

leftium

Yes, Summarize can look like part of the result description.

Until Kagi fixes this, you can use this Custom CSS to give it a compact border and align it to the right:

/* Visually separate the result-level Summarize action from description text. */
.__sri-desc:has(.summarize-link) {
  position: relative;
  padding-inline-end: 5rem;
}

.__sri-desc .summarize-link {
  display: inline-flex;
  position: absolute;
  inset-inline-end: 0;
  inset-block-end: 0;
  align-items: center;
  margin-inline-start: 0.25rem;
  padding: 0 0.3rem;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 0.9em;
  line-height: 1.4;
  text-decoration: none;
  vertical-align: baseline;
  white-space: nowrap;
}

Add it under Appearance > Custom CSS. See Kagi's Custom CSS documentation for details. To undo it, remove the block. If it prevents access to the settings, add &no_css to the search URL.

Part of this reply was generated with assistance from Houndo

MustafaD

leftium wooow pretty cool
That screenshot nails it!

leftium

MustafaD

I actually proposed adding a chat that could do things like this for you, among other things: https://doggo.leftium.com/pitch

Imagine if you could just chat with Kagi's search, and it could modify itself for you like this:

MustafaD

leftium Generally speaking, that is a neat application of AI to tailor UI to your needs.