render_example: fix width for description text container

GooeyAI · Mar 6, 2025 · 03bbd32 · 03bbd32
1 parent 2522305
commit 03bbd32
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/daras_ai_v2/base.py b/daras_ai_v2/base.py
@@ -2353,12 +2353,12 @@ def render_example_author_meta():
         ):
             with gui.styled(
                 """
-                    & .pr-full-width h4, h1 {
+                    & h4, & h1 {
                         margin: 0 !important;
                     }
 
                     @media (min-width: 768px) {
-                        & .pr-full-width h4, h1 {
+                        & h4, & h1 {
                         margin-bottom: 0.2rem !important;
                         }
                     }
@@ -2379,13 +2379,14 @@ def render_example_author_meta():
                     }
                 """
             ):
-                with gui.div(className=f"position-relative"):
+                with gui.div(className=f"position-relative overflow-hidden"):
                     with gui.div(
                         className="d-flex flex-column justify-content-between"
                     ):
                         with gui.div(className="d-flex align-items-stretch"):
                             with gui.div(
-                                className="me-5 flex-grow-1 d-flex flex-column justify-content-between"
+                                className="flex-grow-1 d-flex flex-column justify-content-between",
+                                style={"maxWidth": "80%"},
                             ):
                                 with gui.div(className="d-flex align-items-center"):
                                     with gui.div():
@@ -2428,7 +2429,6 @@ def render_example_author_meta():
                                                     f"{icons.notes} {html.escape(truncate_text_words(version.change_notes, 40))}",
                                                     unsafe_allow_html=True,
                                                 )
-
                             with gui.div(
                                 className="flex-grow-1 d-flex justify-content-end gui_example_media"
                             ):