src/app/app.module.ts

@@ -12,6 +12,7 @@ import { PerfilDiscotecaPage } from './perfil-discoteca/perfil-discoteca.page';
 import { PromptEventoPage} from './prompt-evento/prompt-evento.page'
 import { GaleriamodalPageModule } from './galeriamodal/galeriamodal.module';
 import { MatMenuModule } from '@angular/material/menu';
+import { MatCardModule } from '@angular/material/card';
 import { LoginPage } from './login/login.page';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { MatIconModule } from '@angular/material/icon';
@@ -20,7 +21,7 @@ import { MatIconModule } from '@angular/material/icon';
 @NgModule({
   declarations: [AppComponent, PerfilDiscotecaPage, PromptEventoPage, LoginPage],
   entryComponents: [],
-  imports: [BrowserModule, HttpClientModule, IonicModule.forRoot(), AppRoutingModule, ReactiveFormsModule, GaleriamodalPageModule, MatMenuModule, BrowserAnimationsModule, MatIconModule],
+  imports: [BrowserModule, HttpClientModule, IonicModule.forRoot(), AppRoutingModule, ReactiveFormsModule, GaleriamodalPageModule, MatMenuModule, BrowserAnimationsModule, MatIconModule, MatCardModule],
   providers: [
     StatusBar,
     SplashScreen,

src/app/perfil-discoteca/perfil-discoteca.page.html

@@ -14,40 +14,43 @@
       <div class='fotoPerfil'>
           <ion-img class="fotoPerfil" width="100%" height="100%" [src]='fotoSrc' alt='barraquinha'></ion-img>
           <div class="textoPie">{{nombre}}</div>
-          <div class="menuBotones">
-
-            <button mat-icon-button [matMenuTriggerFor]="menu">
-              <ion-icon name="settings" class="settingsIcon"></ion-icon>
-            </button>
-    
-            <mat-menu #menu="matMenu" xPositon="after" yPosition="above"> 
-            <button mat-menu-item>
-              <ion-icon name="image" slot="icon-only"></ion-icon>
-              <input type="file" (change)="loadImageFromDevice($event);cargarImagen()" id="file-input-perfil" accept="image/png, image/jpeg">
-            </button>
-    
-    
-            <button mat-menu-item (click)="enableEdit()" label="editar" [disabled]='editEnabled'>
-              <ion-icon name="create"></ion-icon>
-            </button>
-    
-    
-            <button mat-menu-item (click)="addEvento()">
-              <ion-icon name="add-circle-outline">
-              </ion-icon>
-              Añadir evento
-            </button>
-          </mat-menu>
-          </div>
       </div>
       </ion-row>
 
       <ion-row>
-        <div class="botonesHidden">
+      <div class="menuBotones">
-          <button (click)="saveEdit()" label="guardar" [disabled]='editDisabled' id="botonesHidden1">
+
+        <button mat-icon-button [matMenuTriggerFor]="menu">
+          <ion-icon name="settings" class="settingsIcon"></ion-icon>
+        </button>
+        
+        <mat-menu #menu="matMenu" xPositon="after" yPosition="above"> 
+        <button mat-menu-item>
+          <ion-icon name="image" slot="icon-only"></ion-icon>
+          <input type="file" (change)="loadImageFromDevice($event);cargarImagen()" id="file-input-perfil" accept="image/png, image/jpeg">
+        </button>
+
+
+        <button mat-menu-item (click)="enableEdit()" label="editar" [disabled]='editEnabled'>
+          <ion-icon name="create"></ion-icon>
+        </button>
+
+
+        <button mat-menu-item (click)="addEvento()">
+          <ion-icon name="add-circle-outline">
+          </ion-icon>
+          Añadir evento
+        </button>
+      </mat-menu>
+      </div>
+    </ion-row>
+
+      <ion-row>
+        <div id="botonesHidden1" class="botonesHidden">
+          <button (click)="saveEdit()" label="guardar" [disabled]='editDisabled' id="saveButton">
             <ion-icon name="save"></ion-icon>
             </button>
-            <button (click)="cancelEdit()" [disabled]='editDisabled' id="botonesHidden2">
+            <button (click)="cancelEdit()" [disabled]='editDisabled' id="cancelButton">
               Cancelar
             </button>
         </div>
@@ -97,6 +100,7 @@
       </ion-row>
       
       <ion-row>
+        <ion-col size="12">
         <div *ngIf="eventos.length>0" class="eventos">
           <ion-list>
               <ion-item *ngFor="let evento of eventos" button (click)="mostrarEvento(evento)">
@@ -116,6 +120,7 @@
               </ion-item>
           </ion-list>
         </div>
+      </ion-col>
       </ion-row>
 
       <ion-row>

src/app/perfil-discoteca/perfil-discoteca.page.scss

@@ -8,7 +8,6 @@
     *{
       padding: 10px;
       display: block;
-      margin: auto;
     }
     
     .main{
@@ -57,6 +56,7 @@
     
     .botonesHidden{
         display: none;
+        padding: none;
     }
     
     .botonesVisible{
@@ -64,14 +64,21 @@
     }
 
     .eventos{
-      float: left;
+      text-align: justify;
+    }
+
+    .evento{
+      max-width:fit-content;
     }
 
     .evento:hover{
       background-color: rgb(97, 97, 97);
     }
+
     .eventoHeader{
       font-weight: bold;
+      float: left;
+
     }
 
     .eventoDesc{
@@ -82,12 +89,6 @@
       height: 200px;
     }
 
-    mat-menu{
-      position: relative;
-      margin: inherit;
-      color: pink;
-    }
-
     mat-card-header{
       text-align: right;
       font-weight: bold;

src/app/perfil-discoteca/perfil-discoteca.page.ts

@@ -33,7 +33,6 @@ export class PerfilDiscotecaPage implements OnInit {
   sliderOpts = {
       slidesPerView: 1.5,
       centeredSlides: true,
-      spaceBetween: 20,
   };
 
   constructor(private tab1Service: Tab1Service, private router: Router, private modalController: ModalController) {
@@ -123,10 +122,14 @@ export class PerfilDiscotecaPage implements OnInit {
     let cajaDatos = document.getElementById("cajaDatos");
     cajaDatos.style.background="white";
     cajaDatos.style.color="black";
+    cajaDatos.contentEditable = "true";
     let botones = document.getElementById("botonesHidden1");
     botones.style.display = "block";
-    botones = document.getElementById("botonesHidden2");
+    let saveButton = document.getElementById("saveButton") as HTMLButtonElement;
-    botones.style.display = "block";
+    saveButton.disabled=false;
+    let cancelButton = document.getElementById("cancelButton") as HTMLButtonElement;
+    cancelButton.disabled=false;
+
 
  
 
@@ -138,6 +141,7 @@ export class PerfilDiscotecaPage implements OnInit {
     let cajaDatos = document.getElementById("cajaDatos");
     cajaDatos.style.background="inherit";
     cajaDatos.style.color="inherit";
+    cajaDatos.contentEditable="false";
     let botones = document.getElementById("botonesHidden1");
     botones.style.display = "none";
     botones = document.getElementById("botonesHidden2");