Udemy Notifications Enhanced

Enhances the Udemy notification area to show more and make the buttons more accessible.

// ==UserScript==
// @name         Udemy Notifications Enhanced
// @namespace    https://github.com/lundeen-bryan
// @author       lundeen-bryan
// @version      1.0.1
// @description  Enhances the Udemy notification area to show more and make the buttons more accessible.
// @match        https://www.udemy.com/user/view-notifications/
// @icon         tbd
// @homepage     tbd
// @license      MIT
// @run-at       document-end
// @noframes     n/a
// @unwrap       n/a
// ==/UserScript==

(function() {
    'use strict';

    var css = `
    /* Your CSS goes here */
    /* Make main container flexible and stack children vertically */
    [data-testid="notification-tab-pane-student"] {
        display: flex;
        flex-direction: column;
    }
    /* Move notification list to end
    *  Make text wide enough to fill
    *  the width of the screen. */
    .activity-notifications-module--notification-list--3I_hF {
        order: 3;
        width: 220%;
        margin: 0 auto;
        max-width: 1500px;
    }
    /* Move 'load more' and 'mark all as read' to start */
    .activity-notifications-module--load-more-row--3_jVO, .activity-notifications-module--footer--3bQw7 {
        order: 1;
    }
    /* Align 'load more' contents to left */
    .activity-notifications-module--load-more-row--3_jVO {
        justify-content: left;
    }
    .activity-notification-module--notification-info--3Yr2y {
        height: 170px;
    }
    /* create CRLF after title then, normal font for the body text */
    span[data-purpose="safely-set-inner-html:activity-notification:notification-template"] span.subject::before {
      content: "\\A";
      white-space: pre;
    }
    .subject {
      font-weight: normal;
    }
    /* Text area for message body */
    .item-card-module--item-card-title--S729p{
      height: 250px;
    }
    /* move the msg body down a little to reveal the time posted */
    .item-card-module--item-card-title--S729p{
     padding-top: 5px;
    }
    /* increase msg vertical scroll area */
    .activity-notifications-module--notification-list--3I_hF{
      max-height:300rem
    }
    /* size of the card area where messages are shown */
    .activity-notification-module--card-container--3C8QZ {
      height: 300px
    }
    `;

    var style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    document.head.appendChild(style);
})();