9f3887a28c44e1170456a5e782da504a49ac3b88 hiram Mon Aug 19 15:26:08 2024 -0700 rearrangements following input suggestions refs #32596 diff --git src/hg/htdocs/style/assemblySearch.css src/hg/htdocs/style/assemblySearch.css index 6db7a9f..1073c81 100644 --- src/hg/htdocs/style/assemblySearch.css +++ src/hg/htdocs/style/assemblySearch.css @@ -82,57 +82,57 @@ display: flex; flex-direction: column; /* Arrange radio buttons vertically */ } .radioGroup:last-child { align-items: center; justify-content: flex-end; /* Aligns the radio button and label to the right */ margin-left: auto; /* Push the second group to the right */ } .formDiv > div, .radioGroupContainer { width: 100%; box-sizing: border-box; } -.searchtip { +.searchTip { position: relative; display: inline-block; cursor: pointer; - background-color: #ccc; - color: #008; + background-color: #e5cb99; + color: #00f; } -.searchtiptext { +.searchTiptext { visibility: hidden; width: 600px; background-color: #fff; color: #000; border: 1px solid black; text-align: left; border-radius: 5px; padding: 5px; position: absolute; z-index: 1; - bottom: -525%; /* Position above the text */ + bottom: -925%; /* Position above the text */ left: 50%; - /* margin-left: -70px; /* Center the searchtip */ - margin-left: -600px; + /* margin-left: -70px; /* Center the searchTip */ + margin-left: -300px; transition: opacity 0.3s; } -.searchtip:hover .searchtiptext { +.searchTip:hover .searchTiptext { visibility: visible; opacity: 1; } ol.noBullets { list-style-type: none; padding: 0; margin: 0; } #modalWrapper.overlay::before { content: " "; width: 100%; height: 100%; position: fixed;