From 435337240a683119161e1bb8125e723862bffbe1 Mon Sep 17 00:00:00 2001
From: "Champlin, Saji" <saji.champlin@tranetechnologies.com>
Date: Wed, 7 Aug 2024 10:57:11 -0500
Subject: [PATCH] centering images

---
 templates/app.html     | 6 +++---
 templates/preview.html | 3 +--
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/templates/app.html b/templates/app.html
index 5ef1b13..b21d305 100644
--- a/templates/app.html
+++ b/templates/app.html
@@ -14,7 +14,7 @@
     <fieldset class="grid">
       <div>
         <fieldset>
-          <legend>Target Palette</legend>
+          <legend>Target Palette:</legend>
           {% for m in palettes %}
           <input type="radio" id="palette-{{m}}" name="palette" value="{{m}}"
                                                                 {%- if loop.first %} checked {% endif %}>
@@ -25,7 +25,7 @@
       </div>
 
       <div>
-        <label for="dither-select">Dither Method</label>
+        <label for="dither-select">Dither Method:</label>
         <select id="dither-select" name="dither_method">
           {% for m in dither_methods %}
           <option {%if loop.first %} selected {% endif %} value="{{m}}">{{m}}</option>
@@ -37,7 +37,7 @@
       </div>
     </fieldset>
 
-    <label for="image-input">Image</label>
+    <label for="image-input">Image: </label>
     <input type="file" name="image" id="image-input" accept="image/*">
     <small>Images will be resized to <code>800x480</code>, which may stretch the image.</small>
 
diff --git a/templates/preview.html b/templates/preview.html
index 87ec00e..d691912 100644
--- a/templates/preview.html
+++ b/templates/preview.html
@@ -1,4 +1,3 @@
 <div id="preview-area">
-
-  <img src="data:image/png;base64,{{image_contents}}">
+  <img style="display: block; margin-left: auto; margin-right: auto;" src="data:image/png;base64,{{image_contents}}">
 </div>