82be17cac081d3c6b3cc13407b570ad265fa6ad6
hiram
  Thu Sep 12 11:38:02 2024 -0700
proper delay on the pop ups and margins around elements remove the priority in the status column refs #32596

diff --git src/hg/htdocs/style/assemblySearch.css src/hg/htdocs/style/assemblySearch.css
index 3c1de40..927ef5d 100644
--- src/hg/htdocs/style/assemblySearch.css
+++ src/hg/htdocs/style/assemblySearch.css
@@ -46,30 +46,31 @@
 }
 
 /* Spinner animation */
 @keyframes spin {
     0% { transform: rotate(0deg); }
     100% { transform: rotate(360deg); }
 }
 
 /* CSS styles to position radio button groups */
 /* display will be flex to show this box on 'show advanced search options' */
 .radioGroupContainer {
     display: none; /* Use flexbox to align items horizontally */
     gap: 20px; /* Optional: Add space between the two groups */
     border: 2px solid #000; /* Add a 2px solid black border around the container */
     padding: 10px; /* Optional: Add padding inside the border */
+    margin: 5px; /* Optional: Add padding inside the border */
 }
 
 .radioGroup {
     display: flex;
     flex-direction: column; /* Arrange radio buttons vertically */
 }
 
 .colVertical {
     display: flex;
     flex-direction: column; /* Arrange radio buttons vertically */
 }
 
 .formDiv > div, .radioGroupContainer {
     width: 98%;
     box-sizing: border-box;
@@ -91,38 +92,34 @@
     color: #000;
     border: 1px solid black;
     text-align: left;
     border-radius: 5px;
     padding: 5px;
     position: absolute;
     z-index: 1;
     top: 20px; /* Position below the prompt text */
     right: 0;	/* right border of this pop-up aligns with right border of
                    prompt text */
     transition: opacity 0.5s ease, visibility 0.5s ease;
 }
 
 .searchTip:hover .searchTiptext {
     visibility: visible;
-    transition-delay: 1s;
+    transition-delay: 0.5s;
     opacity: 1;
 }
 
-.searchTip:not(hover) .searchTiptext {
-    transition-delay: 0s;
-}
-
 /* for the pop-up help listings, do not need the list markers */
 .noBullets {
   list-style-type: none;
   padding: 0;
   margin: 0;
 }
 
 #modalWrapper.overlay::before {
     content: " ";
     width: 100%;
     height: 100%;
     position: fixed;
     z-index: 100;
     top: 0;
     left: 0;
@@ -152,36 +149,36 @@
 
 /* allow content in table header cells to overflow to allow tooltip
  *  legend display outside the cell
  */
 .dataTable thead tr th {
   overflow: visible;
 }
 
 .tooltip {
   position: relative;
   display: inline-block;
   overflow: visible;
 }
 
 .dataTable thead tr th:hover .tooltiptext {
-  transition-delay: 1s;
+  transition-delay: 0.5s;
   visibility: visible;
 }
 
 .dataTable thead tr th:hover .tooltiptextright {
-  transition-delay: 1s;
+  transition-delay: 0.5s;
   visibility: visible;
 }
 
 .tooltip .tooltiptext {
   border: 2px solid #000;
   visibility: hidden;
   overflow: visible;
   position: absolute;
   padding: 2px;
   z-index: 5;
   float: left;
   margin: 0 auto;
   height: auto;
   width: 300px;
   color: black;