breakout71/editclient.css

body {
    background: black;
    color: white;
}

#palette button.active {
    transform: scale(1.2);
}

.level-bricks-preview {
    position: relative;
}

#palette {
    position: fixed;
    top: 0;
    right: 0;
    width: 80px;
    bottom: 0;
    overflow: auto;
}

#levels {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-right: 80px;
}


#levels>div {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-areas: ". name" "buttons  bricks";
}
#levels>div>*:nth-child(1) {
    grid-area: name;
}
#levels>div>div:nth-child(2) {
    grid-area: buttons;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#levels>div>div:nth-child(3) {
    grid-area: bricks;
}