diff --git a/src/components/Verifier/Verifier.css b/src/components/Verifier/Verifier.css index d25dd2d..a20e8b0 100644 --- a/src/components/Verifier/Verifier.css +++ b/src/components/Verifier/Verifier.css @@ -390,17 +390,16 @@ .verifier-suggestions-list { list-style: none; padding: 0; - margin: 5px 0 0 0; + margin: 10px 0px 0px 0px; position: absolute; top: 100%; /* Position below the input */ left: 0; right: 0; background-color: var(--navbar-bg); /* Match nearby elements */ - border: 1px solid var(--card-border); - border-top: none; /* Avoid double border with input */ - border-radius: 0 0 6px 6px; /* Round bottom corners */ - max-height: 250px; /* Limit height and allow scroll */ - overflow-y: auto; + border: 2px solid var(--card-border); + border-radius: 6px; /* Round bottom corners */ + max-height: 275px; /* Limit height and allow scroll */ + overflow: clip; z-index: 1000; /* Ensure it appears above other content */ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } @@ -413,11 +412,6 @@ transition: background-color 0.2s ease; } -.verifier-suggestion-item:hover { - background-color: var(--button-hover-bg); /* Use button hover for consistency */ - color: var(--button-text); -} - .verifier-suggestion-item.loading, .verifier-suggestion-item.none { font-style: italic; @@ -458,9 +452,4 @@ color: var(--text-muted); text-overflow: ellipsis; overflow: hidden; -} - -/* Adjust handle color on hover */ -.verifier-suggestion-item:hover .verifier-suggestion-handle { - color: var(--button-text); /* Match parent hover color */ -} \ No newline at end of file +} \ No newline at end of file