chromium/chrome/browser/resources/settings/search_engines_page/search_engine_entry.html

    <style include="settings-shared search-engine-entry">
      :host([is-default]) .list-item {
        font-weight: 500;
      }

      .additional-info-column-group {
        align-items: center;
        display: flex;
        flex: 6;
      }

      #controls-column-group {
        flex: auto;
        margin-left: auto;
        display: flex;
        justify-content: end;
        align-items: center;
      }

      cr-policy-indicator {
        display: inline-flex;
        justify-content: center;
        margin-inline-start: 16px;
        vertical-align: middle;
        width: 36px;
      }

      #name-column {
        align-items: center;
        display: flex;
        flex: 3;
        word-break: break-word;
      }

      #shortcut-column {
        word-break: break-word;
      }

      #shortcut-column,
      #url-column {
        flex: auto;
        margin-inline-end: 10px;
        max-width: 200px;
      }
    </style>

    <div class="list-item cr-row" role="row">
      <span role="cell" id="name-column">
        <site-favicon favicon-url="[[engine.iconURL]]" url="[[engine.url]]"
            icon-path="[[engine.iconPath]]">
        </site-favicon>
        <div>[[engine.displayName]]</div>
      </span>
      <span class="additional-info-column-group">
        <span role="cell" id="shortcut-column" hidden="[[!showShortcut]]">
          <div>[[engine.keyword]]</div>
        </span>
        <span role="cell" id="url-column" hidden="[[!showQueryUrl]]">
          <div class="text-elide">[[engine.url]]</div>
        </span>
        <span role="cell" id="controls-column-group">
          <cr-button class="secondary-button" on-click="onActivateClick_"
              aria-label="[[getActivateButtonAriaLabel_(engine)]]"
              hidden="[[!engine.canBeActivated]]" id="activate">
            $i18n{searchEnginesActivate}
          </cr-button>
          <cr-icon-button class="icon-edit" on-click="onViewOrEditClick_"
              title="$i18n{edit}" hidden="[[!showEditIcon_]]"
              aria-label="[[getEditButtonAriaLabel_(engine)]]"
              disabled$="[[!engine.canBeEdited]]" id="editIconButton">
          </cr-icon-button>
          <cr-button class="secondary-button" on-click="onViewOrEditClick_"
              hidden="[[!engine.isManaged]]" id="viewDetailsButton">
            $i18n{searchEnginesViewDetails}
          </cr-button>
          <cr-icon-button class="icon-more-vert" on-click="onDotsClick_"
              disabled$="[[engine.default]]" title="$i18n{moreActions}"
              aria-label="[[getMoreActionsAriaLabel_(engine)]]"
              hidden="[[engine.isManaged]]">
          </cr-icon-button>
          <cr-action-menu role-description="$i18n{menu}">
            <button class="dropdown-item" on-click="onMakeDefaultClick_"
                disabled$="[[!engine.canBeDefault]]" id="makeDefault">
              $i18n{searchEnginesMakeDefault}
            </button>
            <button class="dropdown-item" on-click="onDeactivateClick_"
                hidden="[[!engine.canBeDeactivated]]" id="deactivate">
              $i18n{searchEnginesDeactivate}
            </button>
            <button class="dropdown-item" on-click="onDeleteClick_"
                hidden="[[!engine.canBeRemoved]]" id="delete">
              $i18n{delete}
            </button>
          </cr-action-menu>
          <template is="dom-if" if="[[engine.isManaged]]">
            <cr-policy-indicator indicator-type="userPolicy">
            </cr-policy-indicator>
          </dom-if>
        </span>
      </span>
    </div>
    <template is="dom-if" if="[[engine.extension]]">
      <extension-controlled-indicator
          extension-id="[[engine.extension.id]]"
          extension-name="[[engine.extension.name]]"
          extension-can-be-disabled="[[engine.extension.canBeDisabled]]">
      </extension-controlled-indicator>
    </template>