Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
body.category-Artist #ca-edit, 
body.category-Artist #p-cactions #ca-edit {
    display: none !important;
}

/* Force Page Forms tables to stack vertically on mobile screens */
@media screen and (max-width: 767px) {
    .formtable, 
    .formtable tbody, 
    .formtable tr, 
    .formtable th, 
    .formtable td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        text-align: left !important;
    }
    
    .formtable tr {
        margin-bottom: 15px; /* Spacing between different fields */
    }

    .formtable th {
        padding-bottom: 4px;
    }

    /* Prevent text inputs from overflowing the mobile screen boundaries */
    .pfForm input[type="text"], 
    .pfForm textarea, 
    .pfForm select,
    .createboxInput {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Handle JavaScript-rendered token boxes */
    .pfForm .select2-container,
    .pfForm .select2-container-multi,
    .pfForm .select2-choices,
    .pfForm .oo-ui-tagMultiselectWidget,
    .pfForm .oo-ui-textInputWidget {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Keep the inner choice lists from pushing outward */
    .pfForm .select2-choices li {
        max-width: 95% !important;
    }
}