
.keybindings-modal {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-areas: "title close"
                         "message message"
                         "keybindings .";
    grid-template-columns: 1fr 2em;
    grid-template-rows: 3em 2em 1fr;
}

.keybindings-modal .title {
    grid-area: title;
}

.keybindings-modal .close {
    grid-area: close;
}

.keybindings-modal .message {
    grid-area: message;
    margin-left: 1em;
}

.keybindings-modal .keybindings {
    grid-area: keybindings;
    margin: 1em;
}

.keybindings-modal .keybindings .keybinding {
    margin-bottom: 1em;
}

.keybindings-modal .keybindings .action {
    display: inline-block;
    width: 20em;
    margin-right: 1em;
}

.keybindings-modal .keybindings .key {
    display: inline-block;
    width: 10em;
}


.keybindings-modal {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-areas: "title close"
                         "message message"
                         "keybindings .";
    grid-template-columns: 1fr 2em;
    grid-template-rows: 3em 2em 1fr;
}

.keybindings-modal .title {
    grid-area: title;
}

.keybindings-modal .close {
    grid-area: close;
}

.keybindings-modal .message {
    grid-area: message;
    margin-left: 1em;
}

.keybindings-modal .keybindings {
    grid-area: keybindings;
    margin: 1em;
}

.keybindings-modal .keybindings .keybinding {
    margin-bottom: 1em;
    border-width: 2px;
    border-color: white;
    border-style: solid;
}

.keybindings-modal .keybindings .action {
    display: inline-block;
    width: 20em;
    margin-right: 1em;
}

.keybindings-modal .keybindings .key {
    display: inline-block;
    width: 10em;
}

Add borders to keybindings modal
feat: Add borders to keybindings modal
