BattleSheetへのFreeNアイコン修正

[snext1220]

#283 (comment) 由来のIssueです。
攻撃種別のFreeNが内容判り難くなっていたので、動的にアイコンを作成する方式に変更します。

[toki-sor1]

Win 8.1/Chrome 92.0.4515.131(64bit)にて動作確認。
漢字・片仮名・平仮名は上手く表示されていました。
しかし、半角英数の中でも横幅の狭い特定のもの（Fやaなど）は、アイコンの左右が切れて表示されていました。
（あと、FreeNを指定した時だけ、アイコンがやや右に寄っている？）

[snext1220]

早速のご確認ありがとうございます！
ご指摘の件、いずれも修正させて戴きました。それなりに複数文字で確認してみましたが、如何でしょうか。
＃ アイコンの揃えについては少々無理していますが、たぶん大丈夫なはず。。。

あとは、先頭一文字にした時に従来のラベル設定だと意味が取り難いものもありそうですが、こちらはシナにお任せするというスタンスでおります^^; 抽出できる一文字を選べるようにするかとかも考えましたが、設定を煩雑にするだけかな～と。如何なものでしょうか？？

[toki-sor1]

修正ありがとうございます！
アイコンの横欠け＆位置ズレも修正されているのを確認しました！ばっちりです！

あとは、先頭一文字にした時に従来のラベル設定だと意味が取り難いものもありそうですが、こちらはシナにお任せするというスタンスでおります^^;

そうですね、アイコンの余白にF1～3を入れ込むのは難しいですし、私もシナにお任せするのが良いかなと思っています～。
アイコンに表示される文字も、事前にF1～３の説明を入れると思いますし、F1～3で頭文字を被らせない限りは大丈夫かなと。
それに、（PC限定ですが）カーソルを合わせると正式名称が表示されるので、設定を複雑にするよりも、このままの方が良さそうかなと個人的には思っています。

[snext1220]

@toki-sor1 さん：
ご確認、文字の扱いについてもご賛同ありがとうございます！

アイコンの余白にF1～3を入れ込むのは難しい

あとはFreeについては1～3でカラーを変えるのもありか、とは思ったのですが、、、効果は限定的かもしれませんね^^; まずは様子を見て、実際皆さん使ってみてのフィードバックをお待ちしたいと思います～