Update app.py

app.py

@@ -82,22 +82,16 @@ def main():
         all_files = [f for f in glob.glob("*.txt") if ' by ' in f]
         selected_file = st.selectbox("Choose a file", all_files, on_change=song_update, key='selected_file')
 
-    col1, col2 = st.columns([4, 1])
+    col1, col2, col3 = st.columns([1, 1, 4])
 
     with col1:
-        song_name_input = st.text_input("🎵 Song Name", key='song_name', on_change=auto_save)
-        artist_name_input = st.text_input("🎤 Artist Name", key='artist_name', on_change=auto_save)
+        song_name_input = st.text_input("🎵 Song:", key='song_name', on_change=auto_save)
+        artist_name_input = st.text_input("🎤 Artist:", key='artist_name', on_change=auto_save)
 
         if 'selected_file' in st.session_state and st.session_state.selected_file:
             # Update the session state before creating the text area widget
             st.session_state['chord_sheet'] = load_song_file(st.session_state.selected_file)
 
-        # Now create the text area widget with the updated session state
-        chord_sheet_area = st.text_area("Chord Sheet", value=st.session_state.get('chord_sheet', ''), height=300, key='chord_sheet', on_change=auto_save)
-
-        char_count_msg = f"Character Count: {st.session_state.get('char_count', 0)}"
-        st.write(char_count_msg)
-        
         # Save functionality
         if st.button("💾 Save", key="save_song"):
             if song_name_input and artist_name_input:
@@ -108,30 +102,39 @@ def main():
             else:
                 st.error("Both Song Name and Artist Name are required.")
 
+
+    with col2:
+
         st.header("🎼 Available Songs")
         for file in all_files:
             song_info = os.path.splitext(file)[0].replace("_", " ")
-            icol1, icol2 = st.columns([4, 1])
+            icol1, icol2 = st.columns([4, 2])
             with icol1:
                 st.markdown(f"* {song_info}")
+
+                if selected_file:
+                    st.markdown(f"**Selected Song:** {song_info}")
+
+                    load_song_file(selected_file)
+                    song_info = os.path.splitext(selected_file)[0].replace("_", " ")
+
             with icol2:
-                st.markdown(f"[📚Wikipedia]({create_search_url_wikipedia(song_info)})")
-                st.markdown(f"[🎥YouTube]({create_search_url_youtube(song_info)})")
-                st.markdown(f"[🎸Chords]({create_search_url_chords(song_info)})")
-                st.markdown(f"[🎶Lyrics]({create_search_url_lyrics(song_info)})")
 
-        if selected_file:
-            load_song_file(selected_file)
-            song_info = os.path.splitext(selected_file)[0].replace("_", " ")
+                if selected_file:
+                    st.markdown(f"[📚Wikipedia]({create_search_url_wikipedia(song_info)})")
+                    st.markdown(f"[🎥YouTube]({create_search_url_youtube(song_info)})")
+                    st.markdown(f"[🎸Chords]({create_search_url_chords(song_info)})")
+                    st.markdown(f"[🎶Lyrics]({create_search_url_lyrics(song_info)})")
 
-    with col2:
-        if selected_file:
-            st.markdown(f"**Selected Song:** {song_info}")
-            st.markdown(f"[📚Wikipedia]({create_search_url_wikipedia(song_info)})")
-            st.markdown(f"[🎥YouTube]({create_search_url_youtube(song_info)})")
-            st.markdown(f"[🎸Chords]({create_search_url_chords(song_info)})")
-            st.markdown(f"[🎶Lyrics]({create_search_url_lyrics(song_info)})")
+    with col3:
+        
+        # Now create the text area widget with the updated session state
+        chord_sheet_area = st.text_area("Chord Sheet", value=st.session_state.get('chord_sheet', ''), height=600, key='chord_sheet', on_change=auto_save)
 
+        char_count_msg = f"Character Count: {st.session_state.get('char_count', 0)}"
+        st.write(char_count_msg)
+        
+        
 
     # Load chord sheet from selected file into the text area
     if 'selected_file' in st.session_state and st.session_state.selected_file: