UserCSS for a better ChatGPT experience

chatgpt-compact.usercss.css

/* ==UserStyle==
@name           4/23/2024, 4:54:00 AM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Compact ChatGPT User Style. Based on https://bit.ly/3Jxj70u
@author         Nimit Maru
==/UserStyle== */

@-moz-document domain("chat.openai.com") {
    
    nav > div > .flex {
        padding: 0px;
        gap: 0px;
        border: 0px solid blue;
    }

    nav a {
        padding: 1px 7px !important;
        border-radius: 3px !important;
        border: 0;
        margin: 0px 0px !important;
    }

    nav > div > a.flex {
        padding-left: 15px !important;
        margin-left: 0 !important;
        border-radius: 5px !important;
    }

    nav > div > span > a.flex {
        margin-left: 0 !important;
        border-radius: 5px !important;
    }
    
    nav li:hover a {
        background: linear-gradient(.4turn, #ff3535, 10%, #3737ff) !important;
        color: white !important;

    }
    nav a.bg-gray-800 {
        padding: 5px 7px !important;
        border-radius: 3px !important;      
    }
    
    nav a:hover button {
        background-color: rgb(68, 70, 83);
        border-radius: 4px;
    }
    
    nav li:hover svg {
        color: white !important;
    }

    nav .bg-gradient-to-l {
        display: none !important;
    }

    .xl\:max-w-3xl {
        max-width: 72rem !important;
    }
    
    .md\:max-w-3xl {
        max-width: 72rem !important;
    }
    
    #prompt-textarea {
        max-height: 692px !important;
        resize: vertical !important;
    }
    
    .text-base, .text-sm, .prose {
        line-height: 1.25rem !important;
    }
}