[ Share button ] .veu_socialSet コンポーネントの gap が要素間に適切な間隔を適用しない問題を解決しました。

[goutetsuguma]

チケットへのリンク / 変更の理由（元のissueがあればリンクを貼り付ければOK）

#1159

どういう変更をしたか？

• このプルリクで変更した事を記載してください

gapが効いておらず、marginで余白を付与していたようでしたので、今後のことも考えてシンプルに実装できそうなgapで余白を調整しました。

実装者はレビュワーに回す前に以下の事を確認してチェックをつけてください。

ソースコードについて

• 複数の意図の変更 （ 機能の不具合修正 + 別の機能追加など ） を含んでいないか？
• 関数名 / 変数名 / クラス名 / 保存値名 はそれだけで内容が想像できるものになっているか？紛らわしい命名になっていないか？
• 関数名 / 変数名 / クラス名 / 保存値名 は既存のコードの命名規則に沿ったものになっているか？

デザイン・UI

• 初見のユーザーが予備知識無しで使っても使いやすいようになっているか？
• 情報意味を考慮した意味グルーピング・余白になっているか？
• アラートの表示など追加した場合は他の同様の表示と同じデザインになっているか？

プログラムの変更の場合

テストを書かないのは普通ではありません。書けるテストは極力書くようにしてください。
書いていない場合は書かない理由を記載してください。

• 書けそうなテストは書いたか？
• 表示要素が仕様通りに表示されない不具合の修正ではない or 表示要素に関する不具合修正の場合テストは書いたか？

その他

• readme.txt に変更内容は書いたか？
• Files changed (変更ファイル)の内容は目視でちゃんと確認したか？
• このチェック項目を機械的にチェックするのではなく本当にちゃんと確認をしたか？
• レビュワーが確認しないでリリースしてしまっても問題ないレベルまでちゃんと作りこみ・確認をしたか？

変更内容について何を確認したか、どういう方法で確認をしたかなど

• masterブランチで、検証ツールなどを開き、シェアボタンの余白の gap;5; が効いていなくてmargin:3px; で余白をとっていることを確認して、このブランチに切り替えてnpm run build して、gapがきいていて、見た目のデザインやボタンhover時もmasterブランチのデザインと変わらないことを確認しました。
• 念の為、カスタマイズ > ExUnit 設定 > SNS 設定 の「ソーシャルボタンのスタイル設定」> 「背景なし」にチェックして「ボタンの色」は適当に色を入れて、表示上に問題ないことを確認しました。

確認URL

（　どこかのデモサイトかテストサーバーにデプロイ済みなどで確認できる場合はそのURL　）

レビュワーの確認方法・確認する内容など

実装者と同じ方法で確認をお願いします。

レビュワーに回す前の確認事項

• このテンプレートのチェック項目をちゃんと確認してチェックしたか？

---

レビュワー向け

確認して変更が反映されていない場合の確認事項

• プルしたか？
• ビルドしたか？
• ビルドしたディレクトリは正しいか（別の開発環境のディレクトリを見ていないか）？
• npm install したか？
• composer install したか？

[mtdkei]

ありがとうございます！gap: 5ではなくなり、いい感じにシェアボタンの間隔が調整されていることを確認しました。
2人目の方お願いいたします。

[mtdkei]

@goutetsuguma
2人目確認待ちにした後ですみません！編集画面で見ると、VK Blocks Proのeditor用に書いたliのmarginが優先して効いており、添付のようになってしまっていました。

[goutetsuguma]

@mtdkei
気づいていただきありがとうございます！該当の箇所を修正しました

[mtdkei]

@goutetsuguma
早速ありがとうございます！編集画面で余白が修正されていることを確認しました。

[akito-38]

ありがとうございます！
ご提示いただいた手順んで確認いたしました。
問題無いと思いますので、マージいたします。