save

src/app/shared/agenda/view-event/view-event.page.html

@@ -20,13 +20,8 @@
 <ion-content>
   <div class="main-content">
     <div class="upper-content">
-      <div class="content-location d-flex justify-space-between ">
-        <div class="location-detail">
-          <ion-label >{{loadedEvent.Location}}</ion-label>
-        </div>
-        <div class="button-{{profile}}-{{loadedEvent.CalendarName}}">
-          <ion-button  class="button-{{profile}}-{{loadedEvent.CalendarName}}" slot="end">{{loadedEvent.CalendarName}}</ion-button>
-        </div>
+      <div class="content-location">
+        <p><span class="date">{{loadedEvent.Location}}</span><span class="label">{{loadedEvent.CalendarName}}</span></p>
       </div>
       <div class="content-details">
         <ion-label>
@@ -38,18 +33,18 @@
       </div>
     </div>
     <div class="middle-content">
+      <h5>Intervenientes</h5>
       <ion-item class="ion-no-margin ion-no-padding">
         <ion-label>
-          <h3>Intervenientes</h3>
           <div *ngFor="let attendee of loadedEvent.Attendees">
             <p>{{attendee.Name}}</p>
           </div>
         </ion-label>
       </ion-item>
+      <h5>Detalhes</h5>
       <ion-item class="ion-no-margin ion-no-padding">
         <ion-label>
-          <h3>Detalhes</h3>
-          <p>{{loadedEvent.Body.Text}}</p>
+          <p [innerHTML]="loadedEvent.Body.Text"></p>
         </ion-label>
       </ion-item>
     </div>

src/app/shared/agenda/view-event/view-event.page.scss

@@ -87,6 +87,19 @@ ion-menu{
           width: 100%;
           margin: 0 auto;
           padding: 0;
+          overflow: auto;
+
+          .date{
+            float: left;
+          }
+          
+          .label{
+            border-radius: 20px;
+            background: #ffb703;
+            float: right !important;
+            padding: 5px 13.5px 5px 13.5px;
+            color: #fff;
+        }
         }
       
         .location-detail{
@@ -95,35 +108,7 @@ ion-menu{
           float: left;
           margin: 5px 5px 5px 0px;
         }
-        .button-mdgpr-Oficial{
-            --border-radius: 20px;
-            --background: #ffb703;
-            margin-left: 5px;
-            float: left;
-        }
-        .button-mdgpr-Pessoal{
-          --border-radius: 20px;
-          --background: #f05d5e;
-          margin-left: 5px;
-          float: left;
-        }
-
-        .button-pr-Oficial{
-          width: 91px;
-          --border-radius: 20px;
-          --background: #cbeecb;
-          margin-left: 5px;
-          float: left;
-      }
-      .button-pr-Pessoal{
-        width: 91px;
-        --border-radius: 20px;
-        --background: #cab0dc;
-        margin-left: 5px;
-        float: left;
-      }
-
-
+        
         .button-calendar-type ion-button{
           height: 25px;
         }