.itemContainer card{
    border: solid 1px black;
}
.itemControls, .itemEdit, .itemStore{
    /*flex: 1;*/
    /*float: right;*/
}

.categoryEdit, .mealCategoryEdit{
    /*float: left;*/
    display: inline-block;
    margin-left: 20px;
}
.categoryEdit col{
    float: right;
}
.itemName, .mealName{
    line-height: 1.5;
    display: inline-block;
    flex: 1;
}

.itemHolder, .mealHolder{
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    flex-direction: row;
}

.itemHolder .row, .mealHolder .row{
    margin-right: 0;
}

main{
    margin-bottom: 70px;
}

.status-connected{
    color: #1e7e34;
}

.status-not-connected{
    color: #a71d2a;
}