Fixing bug where zim articles were not aligned in modals.

app/src/App.css

@@ -160,6 +160,13 @@ input:checked + .slider:before {
     justify-content: center;
 }
 
+/* Fresnel (Media) wraps iframes in a div which would otherwise shrink to the
+   default iframe size; make it fill the preview so the iframe's 100% works. */
+.preview-fit .fresnel-container {
+    width: 100%;
+    height: 100%;
+}
+
 td.file-path {
     cursor: pointer;
 }

app/src/components/Zim.js

@@ -194,6 +194,8 @@ const ZimSearchEntry = ({zimId, onTag, onUntag, entry}) => {
             <Modal.Content>
                 <div className='preview-fit'>
                     <ZimViewer src={url} style={{
+                        // Override IframeViewer's `fixed` so the iframe stays inside the Modal.
+                        position: 'static',
                         height: '100%', width: '100%', border: 'none',
                         // Use white to avoid iframe displaying with dark-theme.
                         backgroundColor: '#ffffff',