div#single_task_warningInterval { display: flex; flex-direction: row; justify-content: flex-end; div.container { display: flex; flex-direction: row; justify-content: flex-end; & > div:first-child { display:none; /* Hide the label container */ } & > div { padding-right: 0; width: 7em; } input[type="text"] { height: 35px; } } } .bt-task { display: block; height: 12px; width: 12px; font-size: 0.8em; } .bt-task-exchange { @extend .bt-task; &::before { content: url(../svg/exchange-alt.svg); } } .bt-task-start { @extend .bt-task; &::before { content: url(../svg/play.svg); } } .bt-task-cancel::before { @extend .bt-task; content: url(../svg/times.svg); } .bt-task-close::before { @extend .bt-task; content: url(../svg/check.svg); } .bt-dropdown { position: relative; display: inline-block; } .bt-dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1; } .bt-dropdown:hover .bt-dropdown-content { display: block; }