#canvas-control-view {
    float: right;
    font-size: 18px;
    padding: 10px 0;
    margin-top: -50px;
    display: flex;
    align-items: center;;

    &.tablet-view {
        margin-top: -28px !important;
    }

    #clear-canvas-button {
        margin-right: 8px;
        color: #e74c3c;
    }

    #undo-button, #redo-button {
        display: inline-block;
        width: 50px;
        padding: 4px 0px;
        text-align: center;
        margin-right: 8px;


    }

    #undo-button {
        margin-right: 5px;
    }

    .zoom-label, .zoom-title {
        display: inline-block;
        width: 55px;
        text-align: center;
        vertical-align: middle;
    }

    .zoom-title {
        width: 65px;
    }


    i {
        vertical-align: middle;

        &:hover {
            color: #2694E7;
            cursor: pointer;
            
        }
    }

}