// ==UserScript==
// @name         LingQ
// @namespace    http://tampermonkey.net/
// @version      0.1.1
// @description  same site better UX
// @author       ibn_rushd
// @match        https://www.lingq.com/*
// @grant        GM_addStyle
// @downloadURL none
// ==/UserScript==

GM_addStyle(`
.lessons-wrap .current-lesson {
    background: #f6f6f6;
    padding: 30px 10px !important;
    box-shadow: 0 5px 5px 0 #c3bfbf;
    margin: 0 0px 5px 0px;
}`);

GM_addStyle(`
.lessons-wrap {
    padding: 0px !important;
}`);

GM_addStyle(`
.lessons-wrap .lesson-item {
    padding: 10px !important;
}`);

addEventListener('load', function () {
    //make sure the last course you did before completing is the first one in the course.
    var lessons = document.querySelector('.lessons-wrap .lesson-list');
    var lessons_items = document.querySelector('.lessons-wrap .lesson-list .lesson-item');
    var total_completed = document.querySelectorAll('.completed').length;
    var current_lesson = lessons.childNodes[total_completed];
    lessons.insertBefore(current_lesson, lessons.firstChild);
    //change css
    lessons.firstChild.classList.add("current-lesson");
});