Add attachment to event for mobile

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

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

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

@@ -205,8 +205,8 @@
       </ion-label>
     </div>
     
-    <div class="list "  *ngFor="let document of documents; let i = index" > 
-      <ion-list>
+    <div   *ngFor="let document of documents; let i = index" > 
+      <ion-list class="list">
         <ion-item>
         <ion-label>
           <p class="d-flex ion-justify-content-between"> 

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

@@ -175,3 +175,39 @@ ion-content{
 
   }
 
+
+
+  
+  .app-name{
+    background: #42b9f2;
+    border-radius: 18px;
+    text-align: center;
+    display: flex;
+    align-items: center;
+    padding: 0px 5px;
+    color: white;
+    font-size: 9pt;
+    font-weight: 500;
+    height: 19px;
+    -webkit-border-radius: 18px;
+    -moz-border-radius: 18px;
+    -ms-border-radius: 18px;
+    -o-border-radius: 18px;
+  }
+  
+  
+.close-button {
+  display: none;
+}
+
+
+.list:hover {
+
+  .app-name {
+    display: none;
+  }
+
+  .close-button {
+    display: block !important;
+  }
+}