Lidarr/frontend/src/Styles/Variables/dimensions.js

module.exports = {
  // Page
  pageContentBodyPadding: '20px',
  pageContentBodyPaddingSmallScreen: '10px',

  // Header
  headerHeight: '60px',

  // Sidebar
  sidebarWidth: '210px',

  // Toolbar
  toolbarHeight: '60px',
  toolbarButtonWidth: '60px',
  toolbarSeparatorMargin: '20px',

  // Break Points
  breakpointExtraSmall: '480px',
  breakpointSmall: '768px',
  breakpointMedium: '992px',
  breakpointLarge: '1310px',
  breakpointExtraLarge: '1450px',

  // Form
  formGroupExtraSmallWidth: '550px',
  formGroupSmallWidth: '650px',
  formGroupMediumWidth: '800px',
  formGroupLargeWidth: '1200px',
  formLabelSmallWidth: '150px',
  formLabelLargeWidth: '250px',
  formLabelRightMarginWidth: '20px',

  // Drag
  dragHandleWidth: '40px',
  qualityProfileItemHeight: '30px',
  qualityProfileItemDragSourcePadding: '4px',

  // Progress Bar
  progressBarSmallHeight: '5px',
  progressBarMediumHeight: '15px',
  progressBarLargeHeight: '20px',

  // Jump Bar
  jumpBarItemHeight: '25px',

  // Modal
  modalBodyPadding: '30px',

  // Artist
  artistIndexColumnPadding: '20px',
  artistIndexColumnPaddingSmallScreen: '10px',
  artistIndexOverviewInfoRowHeight: '21px'
};