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: '1200px',
  breakpointExtraLarge: '1450px',

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

  // Drag
  dragHandleWidth: '40px',
  appProfileItemHeight: '30px',
  appProfileItemDragSourcePadding: '4px',

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

  // Jump Bar
  jumpBarItemHeight: '25px',

  // Modal
  modalBodyPadding: '30px',

  // Movie
  movieIndexColumnPadding: '10px',
  movieIndexColumnPaddingSmallScreen: '5px',
  movieIndexOverviewInfoRowHeight: '21px'
};
