Update css.py

css.py

@@ -32,7 +32,7 @@ def render_message(
     by_word: bool = False,       # 단어 단위 출력
 ) -> str | None:
     import re, time
-    # ③ 테마/콤팩트 값 읽기
+    # ③ 테마 값 읽기
     palette   = _get_colors()
     show_time = st.session_state.get("show_time", False) and sender == "bot"
     
@@ -42,15 +42,11 @@ def render_message(
     fsz   = "13px"
 
     message = str(message).rstrip()
-    # ④ 타임스탬프 HTML
-    ts_html = (
-        f'<div style="font-size:11px;color:#888;margin-top:4px;">{datetime.now().strftime("%H:%M")}</div>'
-        if show_time else ""
-    )
+    ts_text = datetime.now().strftime("%H:%M") if show_time else ""    
 
     # 공통 풍선 래퍼
-    # ✅ 카톡처럼: 말풍선(버블)과 시간을 나란히 배치 (시간은 버블 '밖')
-    def _wrap(html_inner: str) -> str:
+    # ✅ 카톡 스타일: 시간은 말풍선 '밖' (왼쪽: 봇=시각+버블, 오른쪽: 유저=버블+시각)
+    def _wrap(html_inner: str, ts_text_local: str = ts_text):
         bubble = (
             f'''<span style="background:{color}; padding:{pad}; border-radius:12px;'''
             f'''display:inline-block; max-width:80%; font-size:{fsz}; line-height:1.45;'''
@@ -58,15 +54,10 @@ def render_message(
         )
         ts = (
             f'''<span style="font-size:11px;color:#888;white-space:nowrap;'''
-            f'''align-self:flex-end;margin:0 2px 2px;">{ts_text}</span>'''
-        ) if ts_text else ""
-
-        # bot: 시간 + 버블 / user: 버블 + 시간
+            f'''align-self:flex-end;margin:0 2px 2px;">{ts_text_local}</span>'''
+        ) if ts_text_local else ""
         inner = (ts + bubble) if sender != "user" else (bubble + ts)
-        return (
-            f'''<div style="display:flex;align-items:flex-end;justify-content:{align};'''
-            f'''gap:6px;margin:6px 0;">{inner}</div>'''
-        )
+        return f'''<div style="display:flex;align-items:flex-end;justify-content:{align};gap:6px;margin:6px 0;">{inner}</div>'''
 
     if not animated:
         st.markdown(_wrap(message), unsafe_allow_html=True)