correction marge app.html

src/app/app.css

@@ -1,6 +0,0 @@
-main {
-    width: 100%;
-    margin: 2rem;
-    display: flex;  
-    justify-content: center;  
-}

src/app/app.html

@@ -4,8 +4,8 @@
   <input id="my-drawer-4" type="checkbox" class="drawer-toggle" />
 
   <!-- Contenu principal de la page (router-outlet) -->
-  <div class="drawer-content flex flex-col">
-    <main class="flex-grow p-4">
+  <div class="drawer-content max-w-full overflow-hidden flex flex-col">
+    <main class="flex-grow m-0 p-4">
       <router-outlet></router-outlet>
     </main>
   </div>
@@ -13,7 +13,7 @@
   <!-- Sidebar -->
   <div class="drawer-side is-drawer-close:overflow-visible">
     <label for="my-drawer-4" aria-label="close sidebar" class="drawer-overlay"></label>
-    <div class="flex min-h-full flex-col items-start bg-base-200 is-drawer-close:w-14 is-drawer-open:w-64">
+    <div class="flex min-h-full flex-col items-start bg-base-200 is-drawer-close:w-14 is-drawer-open:w-64 mt-16 lg:mt-0">
       <app-sidebar [userEmail]="connectedUserEmail()" />
     </div>
   </div>

src/app/pages/search/searchresults/searchresults.html

@@ -5,9 +5,8 @@
 }
 
 @if(searchResults()!==null && searchResults()!.collection.items.length!==0){
-  <div class="resultsContainer">
-    <ul class="list bg-base-100 rounded-box shadow-md">
-  
+  <div class="resultsContainer w-2md lg:max-w-6xl">
+    <ul class="list bg-base-100 rounded-box shadow-md">  
       <li class="p-4 pb-2 text-xs opacity-60 tracking-wide">Results</li>          
               @for(el of searchResults()!.collection.items; track el.data[0].nasa_id){
                 <li class="list-row">
@@ -24,8 +23,7 @@
                     <svg class="size-[1.2em]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linejoin="round" stroke-linecap="round" stroke-width="2" fill="none" stroke="currentColor"><path d="M6 3L20 12 6 21 6 3z"></path></g></svg>
                   </button>
                 </li>                   
-              }                
-
+              }
     </ul>    
   </div>
   }

src/app/pages/video/video.ts

@@ -1,4 +1,4 @@
-import { Component, inject, signal } from '@angular/core';
+import { Component, OnInit, inject, signal } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { Collection } from '../../interfaces/nasa-api';
 import { NAPOD } from '../../services/napod';
@@ -11,7 +11,7 @@ import { NAPOD } from '../../services/napod';
   templateUrl: './video.html',
   styleUrl: './video.css'
 })
-export class Video {
+export class Video implements OnInit {
   private readonly route = inject(ActivatedRoute)
   asset=signal<Collection|null>(null);
   //TODO: nom nul pour le service a changer

src/app/shared/sidebar/sidebar.html

@@ -1,17 +1,3 @@
-<!-- 
- <div class="menu bg-base-100 shadow-sm" >              
-        <div><a class="btn btn-ghost text-xl" routerLink="/home">Home</a></div>   
-        <div><a class="btn btn-ghost text-xl" routerLink="/potd">Picture of the day</a></div>      
-        <div><a class="btn btn-ghost text-xl" routerLink="/search">Search</a></div>      
-        @if(isLoggedIn()){
-            <div><a class="btn btn-ghost text-xl" (click)="logout()">Logout</a></div>
-        }                
-        @if(!isLoggedIn()){
-            <div ><a class="btn btn-ghost text-xl" routerLink="/login">Login</a></div> 
-            <div ><a class="btn btn-ghost text-xl" routerLink="/register">Register</a></div>        
-        }
-</div>
--->
 <ul class="menu w-full grow">
   <li>
     <a routerLink="/" class="is-drawer-close:tooltip is-drawer-close:tooltip-right" data-tip="Homepage">