Update static/index.html

static/index.html

@@ -300,15 +300,18 @@ input[type="number"]#best_max_flavors:focus {
         /* Your existing styles */
     }
 
-  #copyIcon {
-        font-size: 24px; /* Adjust the font size as needed */
-        position: absolute;
-        bottom: 10px; /* Adjust the distance from the bottom */
-        left: 10px; /* Adjust the distance from the left */
-        cursor: pointer;
-           z-index: 1;
-       color: rgba(255, 255, 255, 0.7); /* Adjust the opacity value */
-    }
+#copyContainer {
+    width: fit-content;
+    margin: auto;
+    text-align: center;
+}
+
+#copyIcon {
+    font-size: 24px; /* Adjust the font size as needed */
+    cursor: pointer;
+    color: rgba(255, 255, 255, 0.7); /* Adjust the opacity value */
+}
+
   #resultContainer {
      /* Include padding and border in the total height */
 }
@@ -461,9 +464,12 @@ input[type="number"]#best_max_flavors:focus {
         <div id="loadingSpinner" style="display: none;"></div>
 
         <div id="resultContainer">
-          <i class="far fa-copy" id="copyIcon" onclick="copyTextToClipboard()"></i>
+       
         	</div>
     </div>
+   <div id="copyContainer">
+    <i class="far fa-copy" id="copyIcon" onclick="copyTextToClipboard()"></i>
+</div>
 
     <script>
     		function previewImage(event) {