#top {
    background: $boost;
    padding: 1 2 0 2;
    #title {
        height: 100%;
        content-align: left middle;
        width: auto;
    }
    
    #buttons {
        layout: horizontal;
        Button {
            margin-left: 1;
            max-width: 13;
        }
    }
    
    Tabs {
        width: 100%;
    }
    margin-bottom: 1;
}

#repo-info {
    width: 45;
    padding: 0 1;
    #search-query {
        width: 1fr;
    }
    #search-btn {
        max-width: 5;
    }
}

#files {
    height: 5;
    background: red 50%;
    margin-left: 1;
    border: tall $surface;
    background: $background;
    & > .datatable--header  {
        background: $surface;
    }
    
}

#description {
    margin-left: 1;
}

#branch-info {
    padding: 0 1;
    background: $surface-darken-1;
    border: tall $surface;
    margin-bottom: 1;
    Static {
        width: 1fr;
        text-align: center;
    }
}

#branch-options {
    margin-bottom: 1;

    #new-pull-request {
        max-width: 4;
    }

    Select {
        width: 16;
        margin-right: 1;
    }

    Button {
        max-width: 16;
        margin-right: 1;
    }
}