Fix mobile slide tables and thumbnails

src/web/public/css/theme-custom.css

@@ -2120,6 +2120,22 @@ td[data-label="Slides"] {
   overflow-wrap: anywhere;
 }
 
+@media (max-width: 767.98px) {
+  .table-responsive > table.table > tbody > tr > td:is(
+    [data-label="Name"],
+    [data-label="Title"],
+    [data-label="Template"],
+    [data-label="Description"],
+    [data-label="Client"],
+    [data-label="Current Screen"],
+    [data-label="Current Slide"],
+    [data-label="Slides"]
+  ) {
+    min-width: 14rem;
+    overflow-wrap: break-word;
+  }
+}
+
 .slide-editor-shell {
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
@@ -4032,6 +4048,8 @@ table.table > :not(caption) > * > * {
 
 .playlist-slide-thumb {
   flex: 0 0 auto;
+  width: min(5.5rem, calc(5.5rem * (var(--playlist-slide-thumb-aspect-ratio, 16 / 9))));
+  min-height: 0;
   max-width: 5.5rem;
   max-height: 5.5rem;
   aspect-ratio: var(--playlist-slide-thumb-aspect-ratio, 16 / 9);
@@ -4043,10 +4061,18 @@ table.table > :not(caption) > * > * {
   justify-content: center;
 }
 
+.card .table td[data-label="Thumbnail"] {
+  padding-inline: 1.5rem;
+}
+
+td[data-label="Thumbnail"] > .playlist-slide-thumb {
+  margin-inline: auto;
+}
+
 .playlist-slide-thumb-image {
   width: 100%;
   height: 100%;
-  object-fit: cover;
+  object-fit: contain;
   display: block;
 }
 
@@ -4056,8 +4082,8 @@ table.table > :not(caption) > * > * {
   justify-content: center;
   width: 100%;
   height: 100%;
-  min-width: 5.5rem;
-  min-height: 3.5rem;
+  min-width: 0;
+  min-height: 0;
   color: var(--bs-secondary-color, #6c757d);
   background:
     linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%),