Мой контейнер кнопки меню занимает блок, вместо этого я просто хочу, чтобы div перекрывал Material Design
Я использую MD для разработки своего веб-приложения. Я пытаюсь сделать так, чтобы кнопка добавления транзакции просто накладывалась на правую верхнюю часть карты, вместо этого она занимает весь блок. Я пробовал возиться с позицией (абсолютной, фиксированной и т. Д.). Он удаляет блок, но тогда я не могу заставить его оставаться в нужном месте по горизонтали. Я думаю, что, возможно, он использует сетку CSS, и я не знаю, что я с ней делаю. Если я не дал достаточно информации, lmk и я предоставим.
<div class="mdc-layout-grid__cell stretch-card mdc-layout-grid__cell--span-4 mdc-layout-grid__cell--span-8-tablet">
<div class="mdc-card p-0 to-do-list">
<div class="menu-button-container mdc-layout-grid--align-right">
<button class="mdc-button mdc-menu-button mdc-button--raised icon-button shaped-button secondary-filled-button mdc-ripple-upgraded"
style="--mdc-ripple-fg-size:21px; --mdc-ripple-fg-scale:2.90056; --mdc-ripple-fg-translate-start:10.5625px, 8.5px; --mdc-ripple-fg-translate-end:7.5px, 7.5px;
transform: scale(1.5)">
<i class="material-icons mdc-button__icon">add</i>
</button>