YoutubeDL-Material/src/app/subscription/subscription/subscription.component.scss

.sub-file-col {
    max-width: 240px;
}

.back-button {
    float: left;
    position: absolute;
    left: 15px;
}

.filter-select-parent {
    position: absolute;
    top: 0px;
    left: 20px;
    display: block;
}

.search-bar {
    transition: all .5s ease;
    position: relative;
    float: right;
}
 
.search-bar-unfocused {
    width: 100px;
}

.search-input {
    transition: all .5s ease;
}

.search-bar-focused {
    width: 100%;
}

.flex-grid {
    width: 100%;
    display: block;
    position: relative;
}

.col {
    width: 33%;
    display: inline-block;
}

.spinner {
    width: 50px;
    height: 50px;
    bottom: 3px;
    left: 3px;
    position: absolute;
}

.save-button {
    right: 25px;
    position: fixed;
    bottom: 25px;
}

.check-button {
    left: 25px;
    position: fixed;
    bottom: 25px;
    z-index: 99999;
}

.edit-button {
    right: 35px;
    position: fixed;
    z-index: 99999;
}

.save-icon {
    bottom: 1px;
    position: relative;
    z-index: 99999;
}

.watch-button {
    left: 90px;
    position: fixed;
    bottom: 25px;
    z-index: 99999;
}