php - CakePHP .actions ボタンのラベル

Question

最近、CakePHP でコーディングを始めましたが、CakePHP が提供する迅速で簡単なインターフェイス フレームワークが気に入っています。長い名前のモデルが 1 つあり、アクション ボタンで UI の問題が発生しています。モデルの CRUD インデックス ページを表示すると、アンカー タグ内のテキストが、ボタンの作成に使用される背景画像の外側に表示されます。これは、私が話していることのスクリーンショットへのリンクです...

http://imgur.com/xLD7Z3v

必要に応じてワードラップするように CSS を変更する方法を知っている人はいますか?

Nunuser の編集: ボタンの HTML コードは次のとおりです。

<div class="actions">
    <h3>Actions</h3>
    <ul>
        <li><a href="/users/add">New User</a></li>
        <li><a href="/user_types">List User Types</a></li>
        <li><a href="/user_types/add">New User Type</a></li>
        <li><a href="/user_statuses">List User Statuses</a></li>
        <li><a href="/user_statuses/add">New User Status</a></li>
        <li><a href="/region_program_offices">List Region Program Offices</a></li>
        <li><a href="/region_program_offices/add">New Region Program Office</a></li>
    </ul>
</div>

ボタンの CSS スタイルは次のとおりです。

.actions li {
  list-style-type:none;
  margin:0 0 0.5em;
  padding:0;
  white-space:nowrap;
}
cake.generic.css
* {
}
cake.generic.css
ul, li {
  margin:0 12px;
}
cake.generic.css (line 66)
Inherited frombody
body {
  font-family:'lucida grande', verdana, helvetica, arial, sans-serif;
  font-size:90%;
}