subline/views/dashboardPage/css/sidebars/editRecipe.css

#editRecipeContents{
    display: flex;
    flex-grow: 2;
}

    #editRecipeLeft, #editRecipeRight{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 50%;
    }

    #editRecipeLeft{
        border-right: 2px solid rgb(255, 99, 107);
    }

    #editRecipeUnused, #editRecipeUsed{
        display: flex;
        flex-direction: column;
        width: 95%;
    }

.editRecipeInputItem{
    display: flex;
    flex-direction: column;
}

    .editRecipeInputItem > div{
        display: flex;
        align-items: center;
    }

    .editRecipeInputItem input{
        width: 150px;
    }