Залипшая кнопка приклеена влево и занимает всю ширину? ⇐ CSS

[Anonymous]

Здравствуйте, у меня есть кнопка, которая прикреплена к левому нижнему углу, но по какой-то причине занимает все пространство. Отображение комментариев: столбцы flex и flex-direction: в .todo-list не позволяют кнопке «плюс» оставаться прикрепленной к нижней части контейнера при изменении размера контейнера.


Кнопка:

Код: Выделить всё

[img]{addIcon} alt=[/img]

Стиль:

Код: Выделить всё

.todo-list {
position: relative;
width: 100%;
height: 100%;
overflow-y: scroll;
display: flex;
flex-direction: column;

p {
margin: 0 0 0 2.4em;
}

ul {
flex-grow: 1;
}

.add-task-button {
position: sticky;
background: none;
border: none;
cursor: pointer;
display: flex;
height: auto;
bottom: 1em;
left: 1em;
width: auto;

.add-icon {
width: 2.2em;

}

&:hover {
transform: scale(1.1);
}
}
}

Пожалуйста, помогите, потому что вы больше моя единственная надежда

Подробнее здесь: https://stackoverflow.com/questions/792 ... hole-width