grub-fork/public/css/styles.css

html, body {
    height: 100%;
    min-height: 100%;
    width: 100%;
    min-width: 100%;
    margin: 0px;
}

h3 {
    margin-top: 10px;
}

.recipes-title {
    clear: right;
}

.recipe-list {
    margin-top: 10px;
}

.hidden {
    display: none;
}

.leftmost-column {
    margin-bottom: 45px;
}

.grub-close {
    display: none;
}

tr:hover .grub-close {
    display: block;
}

#grub-list {
    margin-top: 10px;
    margin-bottom: 10px;
}

.grub-item {
    cursor: default;
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;
}

.grub-item.grub-active {
    color: #ffffff;
    background-color: rgb(71, 73, 73);
}

.grub-item .input-span {
    display: block;
    overflow: hidden;
}

.grub-item .grub-static {
    display: inline;
}

.grub-item .grub-input {
    display: none;
}

.grub-item.edit .grub-static {
    display: none;
}

.grub-item.edit .grub-input {
    display: inline;
    width: 100%;
}

.grub-item .glyphicon {
    margin-right: 5px;
}

.completed {
    text-decoration: line-through;
    color: #a9a9a9;
}

.completed.edit {
    text-decoration: none;
    color: default;
}

.panel-body {
    padding: 10px;
    padding-top: 0px;
}

.recipe-panel {
    padding: 0px;
    margin-bottom: -1px;
}

.recipe-header {
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
    border-bottom: none;
}

.recipe-header-input {
    border: none;
    box-shadow: none;
    transition: none;
    border-bottom: none;
}

.recipe-header-input:focus {
    border: none;
    box-shadow: none;
    transition: none;
    outline: none;
}

.recipe-btn {
    margin-top: 10px;
}

.recipe-grubs {
}

.recipe-grubs-input {
    border: none;
    box-shadow: none;
    transition: none;
    border-bottom: none;
    resize: none;
}

.recipe-grubs-input:focus {
    border: none;
    box-shadow: none;
    transition: none;
    border-bottom: none;
}