diff --git a/public/css/styles.css b/public/css/styles.css index 3421f53..622fdc3 100644 --- a/public/css/styles.css +++ b/public/css/styles.css @@ -358,7 +358,8 @@ body{font-family:'Inter',system-ui,sans-serif;background:var(--g50);color:var(-- .announcement-close:hover{opacity:1;} /* Save bar (encounter label + save/load) */ -.save-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--g50);border:1px solid var(--g200);border-radius:var(--radius);margin-bottom:10px;flex-wrap:wrap;position:relative;} +.save-bar-wrap{position:relative;margin-bottom:10px;} +.save-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--g50);border:1px solid var(--g200);border-radius:var(--radius);flex-wrap:wrap;} .save-label-input{flex:1;min-width:160px;font-size:13px;padding:5px 8px;border:1px solid var(--g200);border-radius:6px;background:white;} .save-label-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 2px rgba(37,99,235,.12);} @@ -440,3 +441,10 @@ body{font-family:'Inter',system-ui,sans-serif;background:var(--g50);color:var(-- .ros-note-input{width:100%;} .dx-chip{font-size:10px;} } + +/* ICD-10 live search dropdown */ +.dx-results{position:absolute;top:calc(100% + 2px);left:0;right:0;background:white;border:1px solid var(--g300);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.12);z-index:400;max-height:240px;overflow-y:auto;} +.dx-result-item{padding:7px 12px;cursor:pointer;font-size:13px;border-bottom:1px solid var(--g100);} +.dx-result-item:last-child{border-bottom:none;} +.dx-result-item:hover{background:var(--g50);} +.dx-result-code{font-weight:700;color:var(--blue);margin-right:4px;} diff --git a/public/index.html b/public/index.html index 2c5a38d..40952f2 100644 --- a/public/index.html +++ b/public/index.html @@ -212,20 +212,22 @@ -
-
- - +
+
+
+ + +
+ +
- - -
-