Merge pull request #1600 from bhilbert4/widen-margins-in-exp-pages

Adjust view image and view exposure to allow for larger preview images
spacetelescope · Jul 13, 2024 · b93667f · b93667f
2 parents 4d11753 + 3b91465
commit b93667f
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/jwql/website/apps/jwql/static/css/jwql.css b/jwql/website/apps/jwql/static/css/jwql.css
@@ -365,6 +365,11 @@
       display: inline-block;
   }
 
+  .image_views {
+      margin-left: 2%;
+      margin-right: 2%;
+  }
+
   #loading {
     text-align:center;
     margin: 0 auto;

diff --git a/jwql/website/apps/jwql/templates/view_exposure.html b/jwql/website/apps/jwql/templates/view_exposure.html
@@ -8,7 +8,7 @@
 
 {% block content %}
 
-    <main role="main" class="container">
+    <main role="main" class="image_views">
     	<!-- Show exposure group name -->
     	<h3>Exposure {{ group_root }}</h3>
 

diff --git a/jwql/website/apps/jwql/templates/view_image.html b/jwql/website/apps/jwql/templates/view_image.html
@@ -8,7 +8,7 @@
 
 {% block content %}
 
-    <main role="main" class="container">
+    <main role="main" class="image_views">
     	<!-- Show image group name -->
     	<h3>{{ file_root }}</h3>
 
@@ -85,7 +85,7 @@ <h3>{{ file_root }}</h3>
     		    <span class="image_preview">
     		    	<img class="image_preview_viewer" id="image_viewer"
                          onerror="image_error(this, true);"
-                         title="Preview image for {{ file_root }}">
+                         title="Preview image for {{ file_root }}" width=1000rem height=auto>
     		    </span>
 
                 <div class="int_changer">