Improve responsiveness and add doc to task

src/app/pages/agenda/new-event/new-event.page.ts

@@ -206,7 +206,8 @@ export class NewEventPage implements OnInit {
       component: SearchPage,
       cssClass: 'modal-width-100-width-background modal',
       componentProps: {
-        type: 'AccoesPresidenciais & ArquivoDespachoElect'
+        type: 'AccoesPresidenciais & ArquivoDespachoElect',
+        showSearchInput: true 
       }
     });
     await modal.present();

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

@@ -37,16 +37,16 @@
   <div class="main-content d-flex height-100">
     <div class="content d-flex flex-column width-100">
       <div class="main-header">
-        <div class="title-content">
+        <div class="title-content d-flex justify-between">
           <div class="left">
-            <button class="btn-no-color" (click)="close()">
+            <button class="btn-no-color d-flex align-center" (click)="close()">
               <ion-icon slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
             </button>
           </div>
-          <div class="middle">
+          <div class="middle d-flex align-center flex-grow-1">
             <ion-label class="title">{{loadedEvent.Subject}}</ion-label>
           </div>
-          <div class="div-icon">
+          <div class="div-icon d-flex">
             <button class="btn-no-color" (click)="editEvent()">
               <ion-icon class="edit" slot="end" src="assets/images/icons-edit.svg" ></ion-icon>
             </button>

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

@@ -43,9 +43,7 @@ ion-menu{
         overflow: auto;
       }
       .div-icon{
-        width: 92px;
         float: right;
-        overflow: auto;
         padding: 1px;
       }
       .div-icon .edit{