Как изменить размер радиокнопок в дереве?

Question

У меня есть таблица с различными переключателями в моем html-коде в otree.Тем не менее, отображаемые кнопки очень маленькие и, следовательно, трудно нажимать на предметы.Есть ли способ увеличить их размер?Это мой код:

{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    Choice 1
{% endblock %}

{% block content %}
    <img src="{% static img_to_show %}"/>
    <table class="table">
        <tr>
            <th> </th><th> Amount </th><th> Game</th>
        </tr>
        {% for field in form %}
        <tr>
            <td>
                {{ field.label_tag }}
                {{ field.errors }}
            </td>
            <td><input type="radio" name="{{ field.html_name}}" value="True" required {% if field.value|stringformat:"s" == 'True' %}checked{% endif %}></td>
            <td><input type="radio" name="{{ field.html_name}}" value="False" required {% if field.value|stringformat:"s" == 'False' %}checked{% endif %}></td>
        </tr>
        {% endfor %}
    </table>
    {% next_button %}
{% endblock %}

Answer 1

этот масштабирует их:

{% block styles %}
   <style>
      input[type=radio] {
        transform: scale(1.5);
        margin:10px;
      }
   </style>
{% endblock %}