Update src/streamlit_app.py

src/streamlit_app.py

@@ -8,7 +8,8 @@ from typing import List, Tuple
 st.set_page_config(
     page_title="Text Syllabification Tool",
     page_icon="🔤",
-    layout="wide"
+    layout="wide",
+    initial_sidebar_state="collapsed"
 )
 
 # Initialize pyphen dictionary for English
@@ -106,12 +107,12 @@ def display_colored_text(colored_words: List[Tuple[str, str]]):
     html_parts = []
     for word, color in colored_words:
         if word.strip():
-            html_parts.append(f'<span style="color: {color}; font-weight: bold; font-size: 18px;">{word}</span>')
+            html_parts.append(f'<span style="color: {color}; font-weight: bold; font-size: 16px;">{word}</span>')
         else:
             html_parts.append(word)
     
     html_content = ''.join(html_parts)
-    st.markdown(f'<div style="font-size: 18px; line-height: 1.8; padding: 20px; border: 2px solid #ddd; border-radius: 10px; background-color: #f9f9f9;">{html_content}</div>', unsafe_allow_html=True)
+    st.markdown(f'<div style="font-size: 16px; line-height: 1.6; padding: 15px; border: 2px solid #ddd; border-radius: 8px; background-color: #f9f9f9;">{html_content}</div>', unsafe_allow_html=True)
 
 def display_syllable_breakdown(syllable_breakdown: List[Tuple[str, List[Tuple[str, str]]]]):
     """Display syllable breakdown with hyphens"""
@@ -122,7 +123,7 @@ def display_syllable_breakdown(syllable_breakdown: List[Tuple[str, List[Tuple[st
             # Create hyphenated syllable display
             syllable_spans = []
             for syl, color in syllables:
-                syllable_spans.append(f'<span style="color: {color}; font-weight: bold; font-size: 18px;">{syl}</span>')
+                syllable_spans.append(f'<span style="color: {color}; font-weight: bold; font-size: 16px;">{syl}</span>')
             
             # Join with hyphens for multi-syllable words
             if len(syllables) > 1:
@@ -130,22 +131,22 @@ def display_syllable_breakdown(syllable_breakdown: List[Tuple[str, List[Tuple[st
             else:
                 syllable_display = syllable_spans[0]
             
-            html_parts.append(f'<span style="margin-right: 25px; display: inline-block; margin-bottom: 12px;">{syllable_display}</span>')
+            html_parts.append(f'<span style="margin-right: 12px; display: inline-block; margin-bottom: 6px;">{syllable_display}</span>')
     
     if html_parts:
         html_content = ''.join(html_parts)
-        st.markdown(f'<div style="font-size: 18px; line-height: 2.2; padding: 20px; border: 2px solid #ddd; border-radius: 10px; background-color: #f0f8ff;">{html_content}</div>', unsafe_allow_html=True)
+        st.markdown(f'<div style="font-size: 16px; line-height: 1.6; padding: 15px; border: 2px solid #ddd; border-radius: 8px; background-color: #f0f8ff;">{html_content}</div>', unsafe_allow_html=True)
 
 # Main app
 def main():
     st.title("🔤 Text Syllabification Tool")
-    st.markdown("Enter text below to see accurate syllable breakdown with color coding using **pyphen** library!")
+    st.markdown("*Enter text to see accurate syllable breakdown with color coding*")
     
     # Input text area
     input_text = st.text_area(
         "Enter your text:",
         placeholder="Type or paste your text here...",
-        height=150,
+        height=100,
         help="Enter any text to see how words are broken down into syllables"
     )
     
@@ -168,22 +169,13 @@ def main():
         total_words = len([word for word, _ in syllable_breakdown])
         total_syllables = sum(len(syls) for _, syls in syllable_breakdown)
         
-        st.markdown("---")
-        st.markdown(f"**Statistics:** {total_words} words, {total_syllables} syllables")
+        st.markdown(f"**📊 {total_words} words • {total_syllables} syllables**")
         
-        # Show syllable counts
+        # Show syllable counts in a more compact way
         if syllable_breakdown:
-            st.subheader("Syllable Counts per Word")
-            counts_data = []
-            for word, syllables in syllable_breakdown:
-                count = len(syllables)
-                counts_data.append(f"**{word}**: {count}")
-            
-            # Display in columns for better readability
-            cols = st.columns(3)
-            for i, count_info in enumerate(counts_data):
-                with cols[i % 3]:
-                    st.markdown(count_info)
+            with st.expander("📈 Syllable Counts per Word", expanded=False):
+                counts_text = " • ".join([f"{word}: {len(syllables)}" for word, syllables in syllable_breakdown])
+                st.markdown(f"<small>{counts_text}</small>", unsafe_allow_html=True)
     
     else:
         st.info("👆 Enter some text above to see the syllabification in action!")