Update app.css

app.css

@@ -6,32 +6,109 @@ body {
 
 .gradio-container {
     font-family: Arial, sans-serif;
+    margin: 0 auto;
+    padding: 20px;
 }
 
 .gr-button {
     background-color: #4CAF50;
     color: white;
+    font-weight: bold;
+    cursor: pointer;
+    border: none;
+    padding: 10px 20px;
+    margin: 5px;
+    border-radius: 5px;
 }
 
-.dataframe th {
+.gr-button:hover {
+    background-color: #45a049;
+}
+
+h1 {
+    color: #333;
+    text-align: center;
+}
+
+table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 20px;
+}
+
+table th, table td {
+    padding: 12px;
+    border: 1px solid #ddd;
+    text-align: left;
+    vertical-align: top;
+}
+
+table th {
     background-color: #4CAF50;
     color: white;
 }
 
-.dataframe td, .dataframe th {
-    padding: 8px;
-    text-align: left;
+table tr:nth-child(even) {
+    background-color: #f9f9f9;
 }
 
-.dataframe tr:nth-child(even) {
-    background-color: #f2f2f2;
+table tr:hover {
+    background-color: #f1f1f1;
 }
 
-.dataframe tr:hover {
-    background-color: #ddd;
+a {
+    color: #0066cc;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
 }
 
 /* Highlight dead links */
-.dead-link {
+tr.dead-link {
     background-color: #ffcccc !important;
 }
+
+/* Responsive table */
+@media screen and (max-width: 768px) {
+    table, thead, tbody, th, td, tr {
+        display: block;
+    }
+    
+    table {
+        border: none;
+    }
+
+    table tr {
+        margin-bottom: 15px;
+    }
+
+    table th {
+        background-color: transparent;
+        color: #333;
+        text-align: left;
+        font-size: 14px;
+        padding: 8px 0;
+    }
+
+    table td {
+        padding: 8px 0;
+        text-align: left;
+        position: relative;
+    }
+
+    table td::before {
+        content: attr(data-label);
+        position: absolute;
+        left: 0;
+        width: 40%;
+        padding-left: 15px;
+        font-weight: bold;
+        text-align: left;
+    }
+
+    table td:last-child {
+        border-bottom: 1px solid #ddd;
+    }
+}