save

src/app/pages/events/events.page.html

@@ -55,7 +55,9 @@
               </div>
               <div class="schedule-details">
                 <div class="location">{{event.Location}}</div>
-                <div class="description">{{event.Subject.substring(0,maxSubjectLength)}}</div>
+                <div class="description">
+                  {{event.Subject}}
+                </div>
               </div>
             </div>
             </ion-item>

src/app/pages/events/events.page.scss

@@ -417,10 +417,15 @@ ion-toolbar{
           
           }
           .description{
+            width: 275px;
             font-family: Roboto;
             font-size: 15px;
             font-weight: bold;
             color: #0d89d1;
+
+            white-space: nowrap;
+            overflow: hidden !important;
+            text-overflow: ellipsis !important;
           }
         }
         .color{
@@ -486,4 +491,8 @@ ion-toolbar{
   .schedule{
     width: 360px;
   }
+}
+ion-title{
+  border: 1px solid red;
+  text-overflow: ellipsis;
 }

src/app/pages/events/events.page.ts

@@ -44,7 +44,7 @@ export class EventsPage implements OnInit {
   currentEvent: any;
 
   eventsList: Event[];
-  maxSubjectLength = 140;
+  maxSubjectLength = 30;
   officialeventsList: Event[];
   personaleventsList: Event[];