/*
 * This file is part of Moonfire NVR, a security camera network video recorder.
 * Copyright (C) 2021 The Moonfire NVR Authors; see AUTHORS and LICENSE.txt.
 * SPDX-License-Identifier: GPL-v3.0-or-later WITH GPL-3.0-linking-exception
 */

html,
body,
#root {
  width: 100%;
  height: 100%;
}

@media (pointer: fine) {
  /*
   * The spacing defined at https://material.io/components/date-pickers#specs
   * seems plenty big enough (on desktop). Not sure why material-ui wants
   * to make it bigger but that doesn't work well with our layout.
   *
   * Defining this here (in a global .css file) is the first way I could find
   * to override properties of .MuiPickerStaticWrapper-root. It's unfortunately
   * a _parent_ of the element that gets the <DatePicker>'s className applied,
   * and it doesn't seem to be exposed for a global style override
   * <https://next.material-ui.com/customization/theme-components/#global-style-overrides>.
   */
  .MuiPickersStaticWrapper-root {
    min-width: 256px !important;
  }

  /* Increased specificity here so it doesn't apply to the popup time picker. */
  .MuiPickersStaticWrapper-root .MuiPickerView-root {
    width: 256px !important;
  }

  .MuiPickersCalendar-root {
    min-height: 160px !important;
  }

  .MuiPickersCalendar-weekDayLabel {
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
  }

  .MuiPickersCalendar-week {
    margin: 0 !important;
  }

  .MuiPickersDay-dayWithMargin {
    margin: 0 !important;
  }

  .MuiPickersDay-root {
    width: 32px !important;
    height: 32px !important;
  }
}
