Minor fixes.

src/components/viewer.ts

@@ -12,7 +12,7 @@ import { customElement, property } from 'lit/decorators.js';
 import { guard } from 'lit/directives/guard.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { createRef, Ref, ref } from 'lit/directives/ref.js';
-import basicBlockStyle from '../../scss/basic-block.scss';
+import basicBlockStyle from '../scss/basic-block.scss';
 import { CameraManager } from '../camera-manager/manager.js';
 import { dispatchMessageEvent, renderProgressIndicator } from '../components/message.js';
 import { localize } from '../localize/localize.js';

src/const.ts

@@ -287,7 +287,7 @@ export const MEDIA_PLAYER_SUPPORT_BROWSE_MEDIA = 131072;
 // The number of media items to fetch at a time (for clips/snapshot views, and
 // gallery chunks). Smaller values will cause more frequent smaller fetches, but
 // improved rendering performance.
-export const MEDIA_CHUNK_SIZE_DEFAULT = 500;
+export const MEDIA_CHUNK_SIZE_DEFAULT = 50;
 export const MEDIA_CHUNK_SIZE_MAX = 1000;
 
 export const FRIGATE_BUTTON_MENU_ICON = 'frigate';

src/scss/media-grid.scss

@@ -43,6 +43,10 @@
         var(--frigate-card-grid-column-size)
     )
   );
+
+  // When at item is selected, it may be enlarged -- it should render "in-front"
+  // of the other cameras that will then "move out of the way".
+  z-index: 2;
 }
 
 slot {