詳細・編集画面の行間を狭めたい

お世話になります。

首題について、何かよい手立てはありますでしょうか?

 

一覧画面での行間は下記URLを参考にして狭めることができ、この横展開でできるのでは・・・と考えていたのですが上手くいかず。。

https://developer.cybozu.io/hc/ja/community/posts/203882023-%EF%BF%BD%EF%BF%BD%EF%BF%BD%EF%BF%BD%EF%BF%BD%25

 

control-gaia、control-single_line_text-field-gaia、control-show-gaiaあたりをいじると広げることはできますが狭めることができず苦戦しております。

 

サポート外であることは承知しております。

お力をお貸しいただければ幸いです。よろしくお願いいたします。

kawasaki-m さん

row-gaia をいじってみてください。

.row-gaia {
margin-bottom: 2px;
}

rex0220様

お世話になっております。

お忙しい中、ご回答ありがとうございます。

ご提示いただいた方法で狭めることができました。ありがとうございます!

 

度々の質問で申し訳ありませんが、フィールド自体の高さを変更するならば、どの項目になるのでしょうか?

詳細ページなら、下記でフォントサイズも変えないとダメそうです。

編集画面では更に、項目タイプごとに padding 等を変更する必要がありそうです。いろいろ試してください。

.control-value-gaia {
min-height: 16px;
font-size: 10px;
}

rex0220様

早速のご回答ありがとうございます。

フォントサイズも影響しているのですね。承知しました。

色々と試してみたいと思います。誠にありがとうございました。