From 272bd471ffab87b5936502a5d7e28e5afce1dc1d Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Tue, 3 Nov 2020 00:05:21 -0800
Subject: [PATCH] Fix positioning of photo_viewer under the new CSS rules.

---
 frontends/etiquette_flask/templates/photo.html | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/frontends/etiquette_flask/templates/photo.html b/frontends/etiquette_flask/templates/photo.html
index 3d0e5cc..864d2f2 100644
--- a/frontends/etiquette_flask/templates/photo.html
+++ b/frontends/etiquette_flask/templates/photo.html
@@ -33,11 +33,6 @@
 
     background-color: var(--color_transparency);
 }
-#right
-{
-    display: grid;
-    grid-template: "viewer" 1fr / 1fr;
-}
 #editor_area
 {
     grid-area: editor_area;
@@ -57,8 +52,8 @@
 }
 #photo_viewer
 {
-    grid-area: viewer;
-    display: grid;
+    position: absolute;
+    top: 0; bottom: 0; left: 0; right: 0;
 }
 .photo_viewer_audio,
 .photo_viewer_video,
@@ -84,8 +79,9 @@
     max-height: 100%;
     background-repeat: no-repeat;
 }
-.photo_viewer_image img
+#photo_viewer img
 {
+    position: absolute;
     max-height: 100%;
     max-width: 100%;
 }