html - ionic 选项按钮中的按钮，但我希​​望它垂直对齐

Question

我在 ion-option-button 中写了两个按钮，如下所示:

            <ion-option-button>
                <button class="button button-icon ion-ios-telephone-outline"></button>
                <button class="button button-icon ion-ios-trash-outline"></button>
            </ion-option-button>

它显示如下: image 1

但我希望两个按钮可以像这样垂直对齐: image 2

谁能告诉我如何设计它...？非常感谢...

我在 scss 中添加的样式是这样的:

            ion-option-button.button {
                background-color: #000;

                &.activated {
                    background-color: #000;
                }
                .button {
                    &:after {
                        content: '';
                        top: initial;
                        left: initial;
                        right: initial;
                        bottom: initial;
                    }
                    &.button-icon {
                        color: $light;
                        font-size: 26px;
                    }
                }
            }

Answer 1

ion-option-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around; /* optional */
}