subline/views/dashboardPage/css/sidebars/newIngredient.css

#newIngredient{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

    #newIngredient label{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        background: white;
        padding: 10px;
        margin: 2px;
        color: black;
    }

    #newIngredient .button{
        margin: 15px auto;
    }

    #newIngredient h2{
        text-align: center;
        margin-bottom: 25px;
    }

    .converterBox{
        display: flex;
        align-items: center;
        width: 100%;
        margin: 10px;
    }

    .converterBox input{
        width: 30%;
    }

    .converterBox select{
        margin-left: auto;
    }

    .converterBox p{
        margin: 0 10px;
    }