Update app.py

app.py

@@ -103,7 +103,7 @@ def search_index(search_text, sd, ks, sort_by, max_results, user_num, search_tit
     load_more_visible = False
     extra_info = ''
     if 'map' in search_text:
-        extra_info = '<strong>If real-world maps are needed please check they are from the folder: Illustrations Now > Maps - Using the New Guidance (2024)</strong><br>'    
+        extra_info = '<div id="mapBorder"><strong>If real-world maps are needed please check they are from the folder: Illustrations Now > Maps - Using the New Guidance (2024)</strong></div><br>'    
     if len(output) > 0:
         
         output_df = (pd.DataFrame(output)
@@ -114,7 +114,7 @@ def search_index(search_text, sd, ks, sort_by, max_results, user_num, search_tit
         output_df['Date Created'] = pd.to_datetime(output_df['Date Created'], format = 'mixed')
         map_df = output_df[output_df['title'].str.contains('map|Map', regex = True)]
         if map_df.shape[0] > 0:
-            extra_info = '<strong>If real-world maps are needed please check they are from the folder: Illustrations Now > Maps - Using the New Guidance (2024)</strong><br>'    
+            extra_info = '<div id="mapBorder"><strong>If real-world maps are needed please check they are from the folder: Illustrations Now > Maps - Using the New Guidance (2024)</strong></div><br>'    
    
         output_df['url'] = output_df['url'].str.replace("/u/0/", f"/u/{int(user_num)}/", regex = False)
         if len(sd) == 1:
@@ -248,6 +248,10 @@ td img{
     margin:0.4em auto !important;
     }
 }
+#mapBorder {
+  border-radius: 25px;
+  border: 2px solid orange;
+}
 '''
 
 with gr.Blocks(css=style) as app: