revisionRow: style()

in src/components/CompareResults/RevisionRow.tsx [130:196]

• 64 lines of code
• 1 McCabe index (conditional complexity)

  revisionRow: style({
    ...revisionsRow,
    backgroundColor: Colors.Background200Dark,
    $nest: {
      '.cell': {
        display: 'flex',
        alignItems: 'center',
        padding: `${Spacing.xSmall}px ${Spacing.Small}px`,
        justifyContent: 'center',
      },
      '.confidence': {
        gap: '10px',
        justifyContent: 'start',
        paddingInlineStart: '15%',
      },
      '.expand-button-container': {
        justifyContent: 'right',
      },
      '.platform': {
        borderRadius: '4px 0 0 4px',
        paddingLeft: Spacing.xLarge, // Synchronize with its header
        justifyContent: 'left',
      },
      '.platform-container': {
        alignItems: 'flex-end',
        display: 'flex',
      },
      '.retrigger-button': {
        borderRadius: '0px 4px 4px 0px',
        cursor: 'not-allowed',
      },
      '.status': {
        justifyContent: 'center',
      },
      '.total-runs': {
        gap: '8px',
      },
      '.row-buttons': {
        borderRadius: '0px 4px 4px 0px',
        display: 'flex',
        justifyContent: 'flex-end',
        $nest: {
          '.download': {
            cursor: 'not-allowed',
          },
        },
      },
      '.expand-button': {
        backgroundColor: Colors.Background100Dark,
      },
      '.status-hint': {
        display: 'inline-flex',
        gap: '4px',
        borderRadius: '4px',
        padding: '4px 10px',
      },

      '.status-hint .MuiSvgIcon-root': {
        height: '16px',
      },

      '.status-hint-regression .MuiSvgIcon-root': {
        // We need to move the icon a bit lower so that it _looks_ centered.
        marginTop: '2px',
      },
    },
  }),