如何使RadioSelect小部件垂直呈现单选按钮？

Question

我的新MasterCalendarPage模型中有一个字段，具有以下两个选项：

DISPLAY_STYLE_CHOICES = [
    ('day_week_month_term', 'Display Events in Day/Week/Month/Term listings'),
    ('upcoming_past', 'Display Events in Upcoming/Past listings'),
]
display_style = models.CharField(max_length=32, choices=DISPLAY_STYLE_CHOICES, default=DISPLAY_STYLE_CHOICES[0][0])

我这样设置FieldPanel：

FieldPanel('display_style', widget=forms.RadioSelect),

但是Page表单将水平单选按钮呈现出来，每个按钮仅分配了很少的空间，将所有文本压缩在一起。我希望按钮改为垂直显示，而页面的整个宽度可用于文本扩展（例如，CheckboxSelectMultiple小部件连接到ManyToManyField时的外观）。

我将尝试通过一些管理CSS手动执行此操作，但如果可能的话，我宁愿通过配置窗口小部件本身来“正确”完成操作。

我现在正在使用Wagtail 2.1.1，尽管我们计划在有机会的情况下尽快使用2.2.x。这会有所作为吗？