Merge pull request #28 from pngwn/fix

Fix

Author: pngwn

frontend/shared/Image.svelte

@@ -198,22 +198,15 @@
 	.empty-wrap {
 		pointer-events: none;
 	}
-    .icon-button {
+
+
+	.icon-buttons {
+		display: flex;
 		position: absolute;
-		top: 0px;
-		right: 0px;
-		z-index: var(--layer-1);
-    }
-
-    .icon-buttons {
-        display: flex;
-        position: absolute;
-        right: 34px;
-        z-index: var(--layer-2);
-        top: 8px;
-    }
-
-    .icon-buttons .download-button-container {
-        margin: var(--size-1) 0;
-    }
+		right: 8px;
+		z-index: var(--layer-top);
+		top: 8px;
+	}
+
+
 </style>

frontend/shared/ImagePreview.svelte

@@ -73,22 +73,13 @@
 	.hidden {
 		opacity: 0;
 	}
-    .icon-button {
-		position: absolute;
-		top: 0px;
-		right: 0px;
-		z-index: var(--layer-1);
-    }
-
-    .icon-buttons {
-        display: flex;
-        position: absolute;
-        right: 6px;
-        z-index: var(--layer-1);
-        top: 6px;
-    }
+ 
 
-    .icon-buttons .download-button-container {
-        margin: var(--size-1) 0;
-    }
+	.icon-buttons {
+			display: flex;
+			position: absolute;
+			right: 8px;
+			z-index: var(--layer-top);
+			top: 8px;
+	}
 </style>

pyproject.toml

@@ -8,7 +8,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "gradio_imageslider"
-version = "0.0.19"
+version = "0.0.20"
 
 description = """
 A Gradio component for comparing two images.