ActiveAdminの検索条件の入力欄の左右を入れ替える方法

概要

ActvieAdminの検索条件でテキスト入力で検索する場合に、
「を含む」「等しい」「で始まる」「で終わる」が表示されます。

日本語化すると違和感あるため、修正したいなと思って試行錯誤した結果、
CSSで左右入れ替えることにしました。

環境

Rails 7.0

Gemfile

gem 'activeadmin'
gem 'devise'
# 日本語化
gem 'rails-i18n'
gem 'devise-i18n'
gem 'enum_help'

対策

app/assets/stylesheets/active_admin.scssに追加

#active_admin_content {
  #sidebar .sidebar_section .select_and_search {
    input {
      float: left !important;
    }
    select {
      width: auto;
      margin-left: 4px;
    }
  }
}

スクリーンショット

• 変更前
  

• 変更後
  

備考

幅や位置はデザインごとに調整してください！