slider works for fisher vs ours

MurpheyLab · Oct 2, 2024 · 968b56a · 968b56a
1 parent 3b1cf24
commit 968b56a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -230,8 +230,8 @@ <h2 class="title is-3">See how our augmentation compares with others!</h2>
         <div class='img-in-container foreground-img' style="background-image: url(./static/images/fisher_dozer.png); background-repeat: no-repeat;" id="fgImg"></div>
 
         <input type="range" min="0" max="100" value="50" class="img-slider" id="imgSlider">
-        <div class="subtitle top-left">Ours</div>
-        <div class="subtitle top-right">FisherRF</div>
+        <div class="subtitle top-left">FisherRF</div>
+        <div class="subtitle top-right">Ours</div>
 
         <script>
           var slider = document.getElementById("imgSlider");

diff --git a/static/css/index.css b/static/css/index.css
@@ -185,9 +185,10 @@ body {
 
 .img-container {
   position: relative;
+  top: 10;
   width: 400px;
   height: 400px;
-  border: 2px solid black;
+  border: 0px solid white;
 }
 
 .img-in-container {