Update src/streamlit_app.py

src/streamlit_app.py

@@ -70,17 +70,34 @@ def display_status_and_action(text):
         # HTML 스타일 및 오디오 출력
         audio_html = f"""
             <style>
-                .audio-container {{
+                .audio-container {
                     display: flex;
                     align-items: center;
                     gap: 10px;
-                }}
-                .audio-icon {{
+                    justify-content: flex-end; /* 오른쪽 정렬 */
+                    margin-top: 10px;
+                }
+                .audio-icon {
                     font-size: 30px;
-                }}
+                    cursor: pointer;
+                }
+                .audio-icon[title]:hover::after {
+                    content: attr(title);
+                    position: absolute;
+                    background: #333;
+                    color: #fff;
+                    padding: 5px 8px;
+                    border-radius: 5px;
+                    white-space: nowrap;
+                    font-size: 12px;
+                    top: -35px;
+                    right: 0;
+                    z-index: 999;
+                }
             </style>
+            
             <div class="audio-container">
-                <div class="audio-icon">🔊</div>
+                <div class="audio-icon" title="위 내용을 음성으로 듣기">🔊</div>
                 <audio controls>
                     <source src="data:audio/mp3;base64,{audio_base64}" type="audio/mp3">
                     브라우저가 오디오 태그를 지원하지 않습니다.