Simple CSS for Stylus etc. to widen ChatGPT

FixChapGTP.css

/* (c) Confusion Studios LLC and affiliates. Confidential and proprietary. */

/* from https://community.openai.com/t/customize-your-interface-for-chatgpt-web-custom-css-inside/315446/3 */



/* Allow width to expand for the main chat panel */
.gizmo .gizmo\:xl\:max-w-\[48rem\] {
    max-width: 95%;
}

/* Wrap Text in Code Blocks */
.\!whitespace-pre {
    white-space: pre-wrap !important;
}

/* Stretch the input box to 95% */
form.stretch {
    max-width: 95%;
}

/* Alternate Colors */
.w-full.text-token-text-primary.border-b.border-black\/10.gizmo\:border-0.dark\:border-gray-900\/50.gizmo\:dark\:border-0.bg-gray-50.gizmo\:bg-transparent.dark\:bg-\[\#444654\].gizmo\:dark\:bg-transparent {
    background: hsl(180, 50%, 90%);
    margin: 10px;
}