.actioncontainer { width: calc(100% - 20px); margin: 10px 10px 0px 10px; border-bottom: 1px solid #424242; padding-bottom: 10px; &:last-child { border-bottom: 0px; } .header { display: flex; font-size: 12px; .integration { font-weight: 500; margin-right: 5px; } .action { color: #d9d9d9; width: 100%; } .buttons { display: flex; justify-content: center; align-items: center; .btn { padding: 2px 8px; border-radius: var(--border-radius); transition-duration: .2s; cursor: pointer; } .btn.logs { background: #707070; &:hover { background: #4b4b4b; } } .btn.remove { background: var(--color-red); margin-left: 5px; &:hover { background: var(--color-red-hover); } } } } .fields { width: 100%; .field { width: calc(100% - 5px); display: flex; justify-content: flex-start; align-items: center; margin-left: 5px; margin-top: 5px; .fieldlabel { font-size: 12px; white-space: nowrap; margin-right: 10px; color: #bfbfbf; } .multiselect { position: relative; width: calc(100% - 14px); margin: 0; padding: 2px 5px; select { width: calc(100% + 4px); margin: 0; padding: 2px 5px; &.open { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-color: var(--main-color); } } .dropdown { position: absolute; top: 25px; left: 5px; right: 1px; height: 300px; display: none; .inner { width: 100%; max-height: 300px; overflow-y: auto; border: 2px solid var(--main-color); border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); // display: flex; // justify-content: center; // align-items: center; // flex-direction: column; .option { width: calc(100% - 20px); height: 18px; padding: 4px 10px; display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid var(--main-color); background: #323232; user-select: none; font-size: 12px; &:last-child { border-bottom: 0px; } input { width: 18px; height: 18px; pointer-events: none; } .text { margin-left: 10px; } } } } } input, select { width: 100%; margin: 0px; padding: 2px 5px; } } } }