Reprise générale de la structure de l'appliweb

pmoapp/webapp/src/components/CoverCacheManager.vue

@@ -236,8 +236,24 @@ onMounted(()=>refreshImages());
 <style scoped>
 .cover-cache-manager {
   padding: 1rem;
-  max-width: 1400px;
-  margin: 0 auto;
+  width: 100%;
+  max-width: 100%;
+  margin: 0;
+  box-sizing: border-box;
+}
+
+@media (min-width: 1400px) {
+  .cover-cache-manager {
+    padding: 2rem;
+    max-width: 1400px;
+    margin: 0 auto;
+  }
+}
+
+@media (max-width: 768px) {
+  .cover-cache-manager {
+    padding: 0.5rem;
+  }
 }
 .header {
   display: flex;

pmoapp/webapp/src/components/LogView.vue

@@ -466,8 +466,8 @@ onUnmounted(() => {
 .log-viewer {
   display: flex;
   flex-direction: column;
-  height: 80vh;
-  width: 100vw;
+  min-height: calc(100vh - 60px); /* Hauteur viewport - nav */
+  width: 100%;
   margin: 0;
   padding: 0;
   background: #1e1e1e;

pmoapp/webapp/src/components/UpnpExplorer.vue

@@ -163,9 +163,25 @@ onUnmounted(() => {
 
 <style scoped>
 .upnp-explorer {
-  padding: 2rem;
-  max-width: 1400px;
-  margin: 0 auto;
+  padding: 1rem;
+  width: 100%;
+  max-width: 100%;
+  margin: 0;
+  box-sizing: border-box;
+}
+
+@media (min-width: 1400px) {
+  .upnp-explorer {
+    padding: 2rem;
+    max-width: 1400px;
+    margin: 0 auto;
+  }
+}
+
+@media (max-width: 768px) {
+  .upnp-explorer {
+    padding: 0.5rem;
+  }
 }
 
 /* Header */