// ==UserScript==
// @name         Treafik:Update-Dashboard-Style
// @namespace    http://tampermonkey.net/
// @version      2024-07-17
// @description  Скрипт, который отслеживает изменения на странице и изменяет стили всех элементов с классом `.q-card__section`, добавляя отступы, рамку и скругление углов.
// @author       LukasEndigo
// @match        https://*.skynet.kz/dashboard/*
// @match        https://*.lkaz.ru/dashboard/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=https://traefik.io
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Функция для изменения стилей элементов
    function changeStyles(element) {
        element.style.margin = '1px 0px 1px 0px';
        element.style.padding = '2px';
        element.style.border = 'solid 1px #dfdfdf';
        element.style.borderRadius = '6px';
    }

    // Создаем MutationObserver для отслеживания изменений на странице
    const observer = new MutationObserver(() => {
        // Находим все элементы, соответствующие селектору
        document.querySelectorAll('.q-card__section').forEach(element => {
            changeStyles(element);
        });
    });

    // Наблюдаем за всем телом документа на предмет изменений
    observer.observe(document.body, { childList: true, subtree: true });

    // Первоначальное изменение стилей при загрузке страницы
    document.querySelectorAll('.q-card__section').forEach(element => {
        changeStyles(element);
    });

})();