From 57bf4c5f0c52ffe14b21b7b7ce8a34346d7f74f7 Mon Sep 17 00:00:00 2001
From: Luca8991 <luca.berte98@hotmail.it>
Date: Thu, 12 May 2022 18:51:56 +0200
Subject: [PATCH] style: event card description,tickets btn padding

---
 .../components/EventCard/EventCardComponent.css   |  8 +++++++-
 .../components/EventCard/EventCardComponent.tsx   | 15 ++++++++++++---
 .../sumilan-app/src/app/pages/Event/Info/Info.tsx |  6 +++++-
 3 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/apps/sumilan-app/src/app/components/EventCard/EventCardComponent.css b/apps/sumilan-app/src/app/components/EventCard/EventCardComponent.css
index 7e8d1c0..0e87f65 100644
--- a/apps/sumilan-app/src/app/components/EventCard/EventCardComponent.css
+++ b/apps/sumilan-app/src/app/components/EventCard/EventCardComponent.css
@@ -27,4 +27,10 @@
 
 .time-container-loading ion-icon {
     margin: 2px 4px 0 0;
-}
\ No newline at end of file
+}
+
+.event-card-description {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
diff --git a/apps/sumilan-app/src/app/components/EventCard/EventCardComponent.tsx b/apps/sumilan-app/src/app/components/EventCard/EventCardComponent.tsx
index 45a4262..7d6a7b0 100644
--- a/apps/sumilan-app/src/app/components/EventCard/EventCardComponent.tsx
+++ b/apps/sumilan-app/src/app/components/EventCard/EventCardComponent.tsx
@@ -125,16 +125,25 @@ const EventCardComponent: React.FC<Props> = ({ event, history }) => {
                     <EventTimeComponent date={event.start_timestamp} duration={event.duration as number} />
                 </IonCardHeader>
                 <IonCardContent>
-                    <div style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
+                    <div className="event-card-description">
                         <ReactMarkdown
                             rehypePlugins={[rehypeRaw]}
-                            children={event.event_description?.replace(/\\n/g, '\n') || ''}
+                            children={event.event_description?.split('\n')[0] || ''}
                             components={{
                                 p({ children }) {
                                     return (
                                         <span>{children}</span>
                                     )
-                                }
+                                },
+                                a({ children }) {
+                                    return <span>{children}</span>;
+                                },
+                                ul({ children }) {
+                                    return <span>{children}</span>;
+                                },
+                                li({ children }) {
+                                    return <span>- {children}</span>;
+                                },
                             }}
                         />
                     </div>
diff --git a/apps/sumilan-app/src/app/pages/Event/Info/Info.tsx b/apps/sumilan-app/src/app/pages/Event/Info/Info.tsx
index 5502689..c6f3fb4 100644
--- a/apps/sumilan-app/src/app/pages/Event/Info/Info.tsx
+++ b/apps/sumilan-app/src/app/pages/Event/Info/Info.tsx
@@ -31,7 +31,11 @@ const Info: React.FC<EventComponentProps> = ({ event }) => {
     return (
         <IonPage>
             <EventHeaderComponent event={event} />
-            <IonContent>
+            <IonContent
+                style={{
+                    '--padding-bottom': '80px', // ~ tickets button height + position
+                }}
+            >
                 <div style={{ width: '100%' }}>
                     <div className="event-image" style={{ backgroundImage: `url(${event.event_image_url})` }}></div>
                 </div>