save

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

@@ -4,10 +4,9 @@ ion-content{
     --padding-start: 20px;
     --padding-end: 20px;
     font-size: 18px;
+    overflow: auto;
 }
-ion-menu{
- 
-  }
+
 .header-toolbar{
    --background:transparent;
    --opacity: 1;
@@ -22,11 +21,14 @@ ion-menu{
     padding: 30px 0px 0px 0px;
     color:#000;
     transform: translate3d(0, 1px, 0);
+    overflow: auto;
     
     .title-content{
+      width: 100% !important;
       margin: 0px auto;
       padding: 0 !important;
       background: #fff;
+      overflow: auto;
 
       .left{
         width: 37px;
@@ -35,10 +37,17 @@ ion-menu{
 
       }
       .middle{
-          padding: 0 0 0 10px !important;
-          float: left;
-          margin: 2.5px 0 0 0;
+        width: calc(100% - 138.5px) !important;
+        padding: 0 !important;
+        float: left;
+        margin: 0 !important;
+        overflow: auto;
+
+        p{
+          margin: 0 !important;
         }
+      }
+
       .header-icon-right{
         width: 45px;
         font-size: 45px;
@@ -46,14 +55,15 @@ ion-menu{
 
       }
       .div-icon{
-        width: 136px;
+        width: fit-content;
+        height: fit-content;
         display: flex;
         align-items: flex-start;
-        justify-content: start;
+        justify-content:flex-start;
         float: right;
         padding: 1px !important;
         top: 0 !important;
-        margin: 0 !important;
+        margin: 0 0 0 15px !important;
 
       }
       .div-icon .edit{
@@ -81,10 +91,13 @@ ion-menu{
     margin: 0 auto;
     background-color: #fff;
     padding: 15px 0px 0 0px;
+    overflow: auto !important;
 
     .upper-content{
-        margin-left: 50px;
-        font-size: 18px;
+      width: calc(100%-50px);
+      margin-left: 50px;
+      font-size: 18px;
+      overflow: auto;
       
         .content-location{
           width: 100%;
@@ -92,12 +105,13 @@ ion-menu{
           padding: 0 !important;
           overflow: auto;
 
-
           .date{
+            width: calc(100% - 105px);
             float: left;
           }
           
           .label{
+            width: fit-content;
             border-radius: 20px;
             background: #ffb703;
             float: right !important;
@@ -128,10 +142,14 @@ ion-menu{
         }
       }
       .line{
+        width: 100% !important;
         margin-top: 15px;
         border-top: 1px solid #d8d8d8;
       }
-      .middle-conten{
+      .middle-content{
+        width: 100% !important;
+        overflow: auto;
+
         .middle-content h3, .middle-content p{
           font-size: 16px;
         }