make multiselect box scrollable and discard view selected proteins container to only keep download button

ProtHGT_app.py

@@ -127,13 +127,24 @@ with st.sidebar:
             )
             filtered_proteins = [match[0] for match in matches]  # Show top 50 matches
 
-        selected_proteins = st.multiselect(
-            "2\\. Select proteins from search results",
-            options=filtered_proteins,
-            placeholder="Start typing a protein ID above (1) to see search results...",
-            max_selections=100,
-            disabled=disabled
-        )
+        with st.container():
+            selected_proteins = st.multiselect(
+                "2\\. Select proteins from search results",
+                options=filtered_proteins,
+                placeholder="Start typing a protein ID above (1) to see search results...",
+                max_selections=100,
+                disabled=disabled,
+                key="protein_selector"
+            )
+            # Apply custom CSS to make container scrollable
+            st.markdown("""
+                <style>
+                div[data-testid="stMultiSelect"] div:nth-child(2) {
+                    max-height: 250px;
+                    overflow-y: auto;
+                }
+                </style>
+                """, unsafe_allow_html=True)
 
     else:  # Upload file option
         uploaded_file = st.file_uploader(
@@ -189,36 +200,16 @@ with st.sidebar:
                     """)
 
     if selected_proteins:
-        with st.expander("View Selected Proteins"):
-            st.write(f"Total proteins selected: {len(selected_proteins)}")
-            
-            # Create scrollable container with fixed height
-            st.markdown(
-                f"""
-                <div style="
-                    height: 150px; 
-                    overflow-y: scroll;
-                    border: 1px solid #ccc;
-                    border-radius: 4px;
-                    padding: 8px;
-                    background-color: white;">
-                    {'<br>'.join(selected_proteins)}
-                </div>
-                """, 
-                unsafe_allow_html=True
-            )
-
-            st.markdown("<div style='padding-top: 10px;'></div>", unsafe_allow_html=True)
-
-            # Add download button
-            proteins_text = '\n'.join(selected_proteins)
-            st.download_button(
-                label="Download List",
-                data=proteins_text,
-                file_name="selected_proteins.txt",
-                mime="text/plain",
-                key="download_button"
-            )
+        st.write(f"Total proteins selected: {len(selected_proteins)}")
+        # Add download button
+        proteins_text = '\n'.join(selected_proteins)
+        st.download_button(
+            label="Download Selected Proteins List",
+            data=proteins_text,
+            file_name="selected_proteins.txt",
+            mime="text/plain",
+            key="download_selected_proteins"
+        )
 
         # Add GO category selection
         go_category_options = {