CSS Injector [Official Support]

Anki Add-ons
90

This code is working fine on my device, I don’t know why.

/* css to collapse certain fields into the same row */
[notetype="JP Mining Note"] .fields {
    display: inline-block !important;
  }
  [notetype="JP Mining Note"] .field-container {
    display: inline-block !important;
    width: 100%;
    padding-bottom: var(--field-gap);
  }
  
  /* index number of where the field group starts (all indices start at 1) */
  /* group of 2 */
  /* group of 3 */
  /* group of 11 */
  /* group of 4 */
  [notetype="JP Mining Note"] .fields {
    /* Word, WordReading */
    /* PAOverride, PAOverrideText, AJTWordPitch */
  }
  <...>

  [notetype="JP Mining Note"] .fields > *:nth-child(2) > div  {
    width: calc(100%/2);
    padding-left: 0px;
  }
  [notetype="JP Mining Note"] .fields > *:nth-child(3) > div  {
    width: calc(100%/2);
    padding-left: var(--field-gap);
  }
  [notetype="JP Mining Note"] .fields > *:nth-child(4) > div  {
    width: calc(100%/3);
    padding-left: 0px;
  }
  [notetype="JP Mining Note"] .fields > *:nth-child(5) > div  {
    width: calc(100%/3);
    padding-left: var(--field-gap);
  }
  [notetype="JP Mining Note"] .fields > *:nth-child(6) > div {
    width: calc(100%/3);
    padding-left: var(--field-gap);
  }