@import "theme.scss";

#title-bar {
    display: flex;
}

#title-bar #title {
    color: $text-muted;
    padding: 6px 0px 0px 10px;
    flex: 1;
    -webkit-app-region: drag; /* Also allows for double-click maximise & right-click menu */
}

#title-bar #window-actions {
    display: flex;
}

#window-actions > * {
    color: $interactive-normal;
    background: none;
    border: none;
    width: 28px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#window-actions #minimize:hover,
#window-actions #maximize:hover {
    color: $interactive-hover;
    background-color: $background-modifier-hover;
}

#window-actions #close:hover {
    color: #fff;
    background-color: #f04747;
}