Update app.py

app.py

@@ -202,7 +202,7 @@ with col5_2:
 ###########################################
 # Filter Controls - Row 3 (Remaining Filter)
 ###########################################
-col_left, col_right = st.columns([9, 1])
+col_left, col_right = st.columns([15, 1])
 with col_left:
     # Place the "Show only exact matches" checkbox here (or any other widgets)
     show_exact_matches = st.checkbox("Show only exact matches", key="show_exact_matches")
@@ -290,9 +290,8 @@ else:
     )
 
     # 3) Display results
-    # Lexical Search Results Branch
+    # --- Lexical Search Results Branch ---
     if show_exact_matches:
-        st.write("Showing **Top Lexical Search results**")
         query_substring = var.strip().lower()
         lexical_substring_filtered = [
             r for r in filtered_lexical 
@@ -303,19 +302,31 @@ else:
             st.write('No exact matches, consider unchecking "Show only exact matches"')
         else:
             top_results = filtered_lexical_no_dupe  # Show all matching lexical results
-
-            # --- Pagination (Above Lexical Results) ---
+    
+            # --- Pagination (Above Lexical Results) in one row ---
             page_size = 15
             total_results = len(top_results)
             total_pages = (total_results - 1) // page_size + 1
             if "page" not in st.session_state:
                 st.session_state.page = 1
             current_page = st.session_state.page
-            # Top pagination widget (right aligned, 1/7 width)
-            col_pag_top = st.columns([6, 1])[1]
-            new_page_top = col_pag_top.selectbox("Select Page", list(range(1, total_pages + 1)), index=current_page - 1, key="page_top")
-            st.session_state.page = new_page_top
-
+    
+            # Format the page numbers (highlight current page if not 1)
+            page_num = f"<b style='color: green;'>{current_page}</b>" if current_page != 1 else f"<b>{current_page}</b>"
+            total_pages_str = f"<b>{total_pages}</b>"
+    
+            # Create two columns: one for the title and one for the selectbox
+            col_title, col_pag = st.columns([8, 4])
+            with col_title:
+                st.markdown(
+                    f"Showing **{total_results}** Lexical Search results (Page {page_num} of {total_pages_str})",
+                    unsafe_allow_html=True
+                )
+            with col_pag:
+                new_page_top = st.selectbox("Select Page", list(range(1, total_pages + 1)),
+                                            index=current_page - 1, key="page_top")
+                st.session_state.page = new_page_top
+    
             start_index = (st.session_state.page - 1) * page_size
             end_index = start_index + page_size
             paged_results = top_results[start_index:end_index]
@@ -395,7 +406,7 @@ else:
                 st.divider()
 
             # Bottom pagination widget
-            col_pag_bot = st.columns([6, 1])[1]
+            col_pag_bot = st.columns([11, 1])[1]
             new_page_bot = col_pag_bot.selectbox("Select Page", list(range(1, total_pages + 1)), index=st.session_state.page - 1, key="page_bot")
             st.session_state.page = new_page_bot
 
@@ -436,15 +447,19 @@ else:
             st.markdown(formatted_rag_answer, unsafe_allow_html=True)
             
             st.divider()
-            # Top pagination widget (right aligned, 1/7 width)
-            col_pag_top = st.columns([6, 1])[1]
-            new_page_top = col_pag_top.selectbox("Select Page", list(range(1, total_pages + 1)), index=current_page - 1, key="page_top_sem")
-            st.session_state.page = new_page_top
-
-            # Prominent page info with bold numbers and green highlight if current page is not 1
-            page_num = f"<b style='color: green;'>{st.session_state.page}</b>" if st.session_state.page != 1 else f"<b>{st.session_state.page}</b>"
-            total_pages_str = f"<b>{total_pages}</b>"
-            st.markdown(f"Showing **{len(top_results)}** Semantic Search results (Page {page_num} of {total_pages_str})", unsafe_allow_html=True)
+            # Use two columns: one for the page info and one for the selectbox.
+            col_title, col_pag = st.columns([8, 4])
+            with col_title:
+                # Format page numbers with bold formatting (green if not the first page)
+                page_num = f"<b style='color: green;'>{current_page}</b>" if current_page != 1 else f"<b>{current_page}</b>"
+                total_pages_str = f"<b>{total_pages}</b>"
+                st.markdown(
+                    f"Showing **{total_results}** Semantic Search results (Page {page_num} of {total_pages_str})",
+                    unsafe_allow_html=True
+                )
+            with col_pag:
+                new_page_top = st.selectbox("Select Page", list(range(1, total_pages + 1)), index=current_page - 1, key="page_top_sem")
+                st.session_state.page = new_page_top
 
             for i, res in enumerate(top_results, start=start_index+1):
                 metadata = res.payload.get('metadata', {})
@@ -518,6 +533,6 @@ else:
                 st.divider()
 
             # Bottom pagination widget (right aligned, 1/7 width)
-            col_pag_bot = st.columns([6, 1])[1]
+            col_pag_bot = st.columns([11, 1])[1]
             new_page_bot = col_pag_bot.selectbox("Select Page", list(range(1, total_pages + 1)), index=st.session_state.page - 1, key="page_bot_sem")
             st.session_state.page = new_page_bot