// SVGIconSetting コンポーネントの垂直位置調整用の修正コード

// 問題: アイコン変更ボタンとカラープレビューの垂直位置がずれている
// 解決策: flexboxのalign-itemsを調整し、統一的な高さを設定

/* 
修正が必要な箇所（一般的なパターン）:

// 修正前:
return (
  <BaseControl label={label}>
    <div>
      <Button>{アイコン変更}</Button>
      <ColorPalette />
    </div>
  </BaseControl>
);

// 修正後:
return (
  <BaseControl label={label}>
    <div className="zenblocks-icon-setting-container">
      <div className="zenblocks-icon-setting-button">
        <Button>{アイコン変更}</Button>
      </div>
      <div className="zenblocks-icon-setting-color">
        <ColorPalette />
      </div>
    </div>
  </BaseControl>
);
*/

// 対応するCSS（既に icon-selector.css に追加済み）:
/*
.zenblocks-icon-setting-container {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

.zenblocks-icon-setting-button {
    flex: 1;
    display: flex;
    align-items: center;
}

.zenblocks-icon-setting-color {
    display: flex;
    align-items: center;
    height: 36px;
    min-width: 40px;
}
*/
