/*
 * Base stylesheet
 */
body {
    background-color: #fafafa;
}

.fab-fixed {
    position: fixed !important;
    right: 50px;
    bottom: 50px;
}

/* Pull .card-panel up onto the Navigation bar */
.card-panel.overlap {
    margin-top: -18px;
}

.error {
    color: red;
}

/* Card delete links */
.card, .collection-item {
    .delete-link {
        visibility: hidden;
        color: inherit;
        cursor: pointer;
    }

    &:hover {
        .delete-link {
            visibility: visible;
        }
    }
}

.collection-item {
    .title {
        font-size: 24px;
        font-weight: 300;
    }
}
/*
 * Base stylesheet
 */
body {
    background-color: #fafafa;
}

.fab-fixed {
    position: fixed !important;
    right: 50px;
    bottom: 50px;
}

/* Pull .card-panel up onto the Navigation bar */
.card-panel.overlap {
    margin-top: -18px;
}

.error {
    color: red;
}

.turbolinks-progress-bar {
    background-color: rgb(244, 67, 54);
  }

/* Card delete links */
.card, .collection-item {
    .delete-link {
        visibility: hidden;
        color: inherit;
        cursor: pointer;
    }

    &:hover {
        .delete-link {
            visibility: visible;
        }
    }
}

.collection-item {
    .title {
        font-size: 24px;
        font-weight: 300;
    }
}
Make turbolinks progress bar standout more. The color of the turbolinks bar and the app header were so similar that it was hard to notice the progress bar.
Make turbolinks progress bar standout more.
The color of the turbolinks bar and the app header were so
similar that it was hard to notice the progress bar.
