все. В моем django у меня есть 2 варианта:


Я хочу быть список с admin / user всегда справа, как в моем втором jpeg.
HTML:
<body>
<div class="container2">
<div class="butts">
<form action="{% url 'catalog:redir' %}" method="post">
<button class="butt" type="submit">
<p>
На главную
</p>
</button>
</form>
<div>
{% if author_list.1 %}
<div>
<form action="{% url 'catalog:author_delete' author_list.1.id %}" method="post">
<button class="butt" type="submit">
<p>
Новая раздача
</p>
</button>
</form>
</div>
</div>
</div>
{% endif %}
<div class="voted-users">
{% if author_list|length == 0 %}
<p>Игра не началась</p>
{% else %}
{% if voted_list %}
</ul>
{% else %}
<p>Непроголосовавшие пользователи</p>
<ul>
{% for i in user_list %}
<p> {{ i }} <p>
{% endfor %}
</ul>
{% endif %}
{% endif %}
</div>
</div>
</body>
CSS:
.butts {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-direction: column;
}
.butt {
display: flex;
align-items: center;
justify-content: center;
}
.container2 {
width: 100%;
display: flex;
align-items: flex-start;
justify-content: space-around;
}
Страница делается с помощью flexbox. Понятия не имею. Похоже, что если мой IF не работает, мой второй div попадает в первый div (проголосовавших пользователей в попу), но в другом случае это не происходит