@import "~theme/globals";

:host {
    ::ng-deep {
        core-user-avatar .core-avatar-extra {
            margin: 0 !important;
            position: absolute;
            right: -4px;
            bottom: -4px;
        }
        core-user-avatar img.core-avatar-extra {
            background: none;
            width: 24px;
            height: 24px;
            border-radius: 0 !important;
        }
        core-user-avatar core-mod-icon.core-avatar-extra {
            --size: 16px;
            padding: 0.2rem;
        }
    }

    .core-notification-icon {
        width: 34px;
        height: 34px;
        margin: 10px !important;
    }

    .item core-format-text ::ng-deep {
        .forumpost {
            border: 1px solid var(--gray-200);
            width: 100%;
            margin: 0 0 1em 0;

            td {
                padding: 10px;
            }

            .header {
                background-color: var(--light);

                .picture {
                    width: 48px;
                    text-align: center;
                    @include padding-horizontal(4px, 0px);
                    padding-top: 8px;

                    img {
                        width: 44px !important;
                    }
                }
            }

            .subject {
                font-weight: 700;
                margin-bottom: 1rem;
            }
        }

        a {
            text-decoration: none;
        }

        .userpicture {
            border-radius: 50%;
        }

        .mdl-right {
            text-align: end;
            a {
                display: none;
            }
            font {
                font-size: 0.9em;
            }
        }

        .commands {
            display: none;
        }

        hr {
            margin-top: 1.5rem;
            margin-bottom: 1.5rem;
            background-color: var(--gray-200);
        }
    }
}