Update static/style.css

static/style.css

@@ -24,13 +24,75 @@ body{
   top: 0;
   width: 100%;
 }
+#refreshDropboxButtonID{
+  background-color: #1680c7;
+  /* background:  url(images/dropbox32.png) no-repeat  center; */
+  border: none;
+  padding: 4px 4px;
+  cursor: pointer;
+  border-radius: 4px;
+  /* margin-left: -50px; */
+  /* margin-top: 5px; */
+  color:white;    
+  position:static;
+  display: block;
+  margin-left: 348px;
+  margin-top: -25px;
+  width:28px;
+  height: 25px;
+  /* display: inline-block; */
+}
+
+/* Tooltip text */
+#refreshDropboxButtonID .dropboxtip {
+  visibility: hidden;
+  width: 350px;
+  background-color: #555;
+  color: #fff;
+  text-align: justify;
+  text-justify: inter-word;
+  padding: 5px 7px;
+  border-radius: 6px;
+  font-family: "acumin-pro", sans-serif;
+  font-weight: 400;
+  font-style: normal;
+  font-size: 15px;
+  /* Position the tooltip text */
+  position: absolute;
+  z-index: 1;
+  /* bottom: 125%; */
+  /* left: 80%; */
+  margin-left: 30px;
+  margin-top: -20px;
+  /* Fade in tooltip */
+  opacity: 0;
+  transition: opacity 0.3s;
+}
+
+/* Tooltip arrow */
+#refreshDropboxButtonID .dropboxtip::after {
+  content: " ";
+  position: absolute;
+  top: 8%;
+  right: 100%; /* To the left of the tooltip */
+  /* margin-top: -5px; */
+  border-width: 5px;
+  border-style: solid;
+  border-color: transparent black transparent transparent;
+}
 
+
+/* Show the tooltip text when you mouse over the tooltip container */
+#refreshDropboxButtonID:hover .dropboxtip {
+  visibility: visible;
+  opacity: 1;
+}
+/***************************************/
 #LegendHist{
   margin-left: 25px;
 }
 
 
-
 #rightside{
    
     margin-left:430px ;
@@ -69,6 +131,7 @@ body{
   background-color: #fff;
   border-radius: 0 0 3px 3px;
   border: 2px solid  #6e6e6e;
+ 
 }
 
 #measureselectid :hover,#relvselectid :hover{