imdb: missing imdge improvments

nfoguard-web/static/css/styles.css

@@ -1150,6 +1150,105 @@ textarea {
     border-color: #117a8b;
 }
 
+/* Missing IMDb Items Styles */
+.missing-imdb-table-container {
+    overflow-x: auto;
+    max-height: 600px;
+    border: 1px solid var(--border-color);
+    border-radius: 8px;
+    margin: 1rem 0;
+}
+
+.missing-imdb-table {
+    width: 100%;
+    border-collapse: collapse;
+    min-width: 800px;
+}
+
+.missing-imdb-table thead {
+    background-color: var(--bg-secondary);
+    position: sticky;
+    top: 0;
+    z-index: 1;
+}
+
+.missing-imdb-table th,
+.missing-imdb-table td {
+    padding: 0.75rem;
+    text-align: left;
+    border-bottom: 1px solid var(--border-color);
+    vertical-align: top;
+}
+
+.missing-imdb-table th {
+    font-weight: 600;
+    color: var(--text-primary);
+    white-space: nowrap;
+}
+
+.missing-imdb-table td {
+    color: var(--text-secondary);
+}
+
+.missing-imdb-table .file-path {
+    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+    font-size: 0.85rem;
+    max-width: 300px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.media-type-badge {
+    display: inline-block;
+    padding: 0.25rem 0.5rem;
+    border-radius: 4px;
+    font-size: 0.75rem;
+    font-weight: 600;
+    text-transform: uppercase;
+}
+
+.media-type-badge.tv-series {
+    background-color: #e3f2fd;
+    color: #1976d2;
+}
+
+.media-type-badge.movie {
+    background-color: #fff3e0;
+    color: #f57c00;
+}
+
+.missing-imdb-actions {
+    background-color: var(--bg-secondary);
+    padding: 1rem;
+    border-radius: 8px;
+    margin-top: 1rem;
+}
+
+.missing-imdb-actions ul {
+    margin: 0.5rem 0 0 1rem;
+    padding: 0;
+}
+
+.missing-imdb-actions li {
+    margin-bottom: 0.5rem;
+}
+
+.missing-imdb-actions code {
+    background-color: var(--bg-primary);
+    padding: 0.25rem 0.5rem;
+    border-radius: 4px;
+    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+    font-size: 0.85rem;
+    border: 1px solid var(--border-color);
+}
+
+.btn-small {
+    padding: 0.25rem 0.5rem;
+    font-size: 0.75rem;
+    min-width: auto;
+}
+
 /* Responsive adjustments for admin tools */
 @media (max-width: 768px) {
     .table-container {
@@ -1168,4 +1267,18 @@ textarea {
     .admin-tools {
         gap: 0.75rem;
     }
+    
+    .missing-imdb-table {
+        min-width: 600px;
+    }
+    
+    .missing-imdb-table th,
+    .missing-imdb-table td {
+        padding: 0.5rem;
+        font-size: 0.85rem;
+    }
+    
+    .missing-imdb-table .file-path {
+        max-width: 200px;
+    }
 }