Update static/searchButton.css

static/searchButton.css

@@ -58,7 +58,7 @@ margin-left: 172px;
 
   }
 #tomeasureSearchInput:focus , #relevantSearchInput:focus {
-	width: 191px;
+	width: 160px;
 	background-color: #fff;
 	border-color: #1b1d1c;
 	box-shadow: 0 0 5px rgba(109, 207, 246, .5);
@@ -67,20 +67,28 @@ margin-left: 172px;
 	width:165px;
   }
 
-  /* input:-moz-placeholder {
-	color: #999;
-  } */
-  
-  /* input::-webkit-input-placeholder {
-	color: #999;
-  } */
-/*   
-  #myForm {
-	position: relative;
-	width: 160px;
-  } */
-  
-  /* #myForm input[type=search] {
-	position: absolute;
-	/* right: 0; */
-  /* }  */
+.input-containerSearchPaste {
+  position: relative;
+  display: inline-block;
+}
+
+/* Clipboard icon - initially hidden */
+.clipboard-icon ,.searchfocusx{
+  position: absolute;
+  top: 10px;
+  right: 20px;
+  color: #555;
+  font-size: 16px;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.3s ease;
+}
+.searchfocusx{
+	right:4px;
+}
+
+#tomeasureSearchInput:focus ~ .clipboard-icon,
+#tomeasureSearchInput:focus ~ .searchfocusx {
+  opacity: 1;
+  pointer-events: auto;
+}