Update app/static/css/dashboard.css

app/static/css/dashboard.css

@@ -559,4 +559,75 @@
     .analytics-card, .section-card, .data-table tr {
         border-radius: 0.75rem; /* Maintain rounded corners */
     }
-}
+}
+
+/* Add to your existing dashboard CSS */
+
+.api-key-summary .api-key-display {
+    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; /* Monospace font for key */
+    background: var(--bg);
+    padding: 0.2rem 0.5rem;
+    border-radius: 0.3rem;
+    font-size: 0.9rem;
+    color: var(--text);
+    border: 1px solid var(--border);
+    display: inline-block;
+}
+[data-theme="dark"] .api-key-summary .api-key-display {
+    background: var(--card-dark);
+}
+
+.link-small {
+    font-size: 0.9rem;
+    margin-left: 1rem;
+    white-space: nowrap; /* Prevent wrapping on small screens */
+}
+
+.recent-uploads-summary .table-responsive-summary {
+    overflow-x: auto;
+    width: 100%;
+    margin-bottom: 0.5rem;
+}
+
+/* Specific styling for summary table if different from full table */
+.recent-uploads-summary .data-table th,
+.recent-uploads-summary .data-table td {
+    padding: 0.75rem 1rem; /* Slightly less padding */
+}
+
+.no-data-message a {
+    font-weight: 600;
+}
+
+.try-it-now-summary .text-center {
+    text-align: center;
+}
+
+/* Styles for the API Tester form (reusing existing form styles) */
+.api-tester-form .form-input {
+    min-height: 40px; /* Default input height */
+}
+.api-tester-form textarea.form-input {
+    min-height: 120px; /* Set a reasonable default height for textarea */
+    resize: vertical; /* Allow vertical resizing */
+}
+
+/* Styles for API Results table, if different from general data-table */
+.api-results .data-table {
+    margin-top: 1.5rem;
+}
+
+/* Ensure data-label works for summary table too */
+@media (max-width: 900px) {
+    .recent-uploads-summary .data-table td::before {
+        content: attr(data-label);
+        position: absolute;
+        left: 0;
+        width: 45%;
+        padding-left: 1rem;
+        font-weight: 600;
+        text-align: left;
+        color: #64748b;
+    }
+}
+