sygil-webui/frontend/css/styles.css

[data-testid="image"] {min-height: 512px !important}
* #body>.col:nth-child(2){
    width:250%;
    max-width:89vw
}

#increment_btn_minus {
    align-self: center;
    background: none;
    border: none;
}
#increment_btn_plus {
    align-self: center;
    background: none;
    border: none;
}
#prompt_input, #img2img_prompt_input {
    padding: 0px;
    border: none;
}

#prompt_row input,
#prompt_row textarea {
    font-size: 1.2rem;
    line-height: 1.6rem;
}

input[type=number]:disabled { -moz-appearance: textfield; }

#generate, #img2img_mask_btn, #img2img_edit_btn {
    align-self: stretch;
}

#gan_image {
    width: 512px;
    height: auto;
}

[id$="highlight"]{
 font-size: 1.2rem
 }
[id$="highlight"] .uppercase{
    text-transform: initial;

}
[id$="highlight"] .textfield .textspan:nth-child(1){
    font-size: 1.2rem
}

/* Mobile fixes and styles */
@media only screen and (max-width: 768px) {
    /* rearrange the columns on mobile */

    #body>.col:nth-child(2){
        width:100%;
        max-width:100vw;
        order: 1;
    }
    #body>.col:nth-child(1){
        order: 2;
    }
    #body>.col:nth-child(3){
        order: 3;
    }

    #txt2img_actions_row,
    #txt2img_output_row{
        flex-direction: row;
        flex-wrap: wrap-reverse;
    }
    /* fix buttons layouts */

}