0.10.2-25 Fixes

frontend/src/styles/app.css

@@ -2334,6 +2334,7 @@ body {
 }
 
 .history-dv-poster,
+.history-dv-poster-audio,
 .history-dv-poster-grid,
 .history-dv-poster-grid-audio {
   display: block;
@@ -2348,9 +2349,13 @@ body {
   object-fit: cover;
 }
 
+.history-dv-poster-audio {
+  aspect-ratio: 1;
+  object-fit: cover;
+}
+
 .history-dv-poster-grid {
-  height: 164px;
-  object-fit: contain;
+  height: 180px;
 }
 
 .history-dv-poster-grid-audio {
@@ -2360,7 +2365,7 @@ body {
 
 .history-dv-grid-poster-wrap {
   width: min(120px, 100%);
-  height: 164px;
+  height: 180px;
   margin: 0 auto;
   display: flex;
   align-items: flex-start;
@@ -2517,6 +2522,7 @@ body {
 
 .job-film-info-grid {
   display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
   gap: 0.55rem;
 }
 
@@ -2572,16 +2578,18 @@ body {
 
 .job-path-field {
   min-width: 0;
-  display: grid;
-  gap: 0.2rem;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 0.15rem 0.4rem;
 }
 
 .job-path-field-value {
   min-width: 0;
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
+  flex: 1 1 auto;
+  display: flex;
+  align-items: baseline;
   gap: 0.35rem;
-  align-items: start;
 }
 
 .job-path-field-value > span {
@@ -2598,6 +2606,47 @@ body {
   grid-column: 1 / -1;
 }
 
+.job-infos-header {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 0.75rem;
+  flex-wrap: wrap;
+}
+
+.job-infos-header h4 {
+  margin: 0;
+}
+
+.job-infos-badges {
+  display: flex;
+  align-items: baseline;
+  gap: 0.4rem;
+  font-size: 0.84rem;
+  flex-wrap: wrap;
+}
+
+.job-infos-sep {
+  color: var(--rip-border);
+  font-weight: 300;
+}
+
+.job-infos-layout {
+  display: grid;
+  gap: 0.4rem;
+  font-size: 0.84rem;
+}
+
+.job-infos-layout strong {
+  font-weight: 600;
+}
+
+.job-infos-row-2 {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0.5rem;
+}
+
 .dashboard-downloads-row {
   border-top: 1px solid var(--surface-border);
   padding-top: 0.75rem;
@@ -2762,7 +2811,7 @@ body {
   color: #f8e2b8;
   padding: 0.75rem;
   border-radius: 0.5rem;
-  max-height: 16rem;
+  height: 16rem;
   overflow: auto;
   font-family: 'JetBrains Mono', monospace;
   font-size: 0.78rem;
@@ -2847,7 +2896,7 @@ body {
   color: #f6ddb2;
   padding: 0.75rem;
   border-radius: 0.5rem;
-  max-height: 25rem;
+  height: 25rem;
   max-width: 100%;
   min-width: 0;
   overflow: auto;
@@ -3050,10 +3099,6 @@ body {
 }
 
 .track-title-block {
-  border: 1px solid var(--rip-border);
-  border-radius: 0.45rem;
-  padding: 0.55rem 0.65rem;
-  background: var(--rip-panel-soft);
   display: grid;
   gap: 0.5rem;
 }
@@ -3077,6 +3122,16 @@ body {
   border: 1px solid var(--rip-success, #2d7a3a);
 }
 
+.track-groups-row {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 0.5rem;
+  align-items: start;
+  border-top: 1px solid var(--rip-border);
+  padding-top: 0.5rem;
+  margin-top: 0.1rem;
+}
+
 .track-group {
   display: grid;
   gap: 0.25rem;