Update styles.css

styles.css

@@ -1,32 +1,30 @@
-
 /* styles.css */
 /* Your CSS styles for the table */
-div[data-testid="stHorizontalBlock"] table {
+table {
     border-collapse: collapse;
     width: 100%;
     table-layout: fixed;
+    word-wrap: break-word;
 }
 
-div[data-testid="stHorizontalBlock"] th, div[data-testid="stHorizontalBlock"] td {
+th, td {
     padding: 8px;
     border: 1px solid black;
     text-align: center;
-    width: 50%;
-    box-sizing: border-box; /* Include padding in width calculation */
 }
 
-div[data-testid="stHorizontalBlock"] th {
+th {
     background-color: #f2f2f2;
     font-weight: bold;
+    width: auto; /* Adjust the width here */
 }
 
-/* Apply specific colors to the Timestamp and Original columns */
-div[data-testid="stHorizontalBlock"] td.timestamp {
-    background-color: red;
-    color: white; /* Adjust text color for better contrast */
+.timestamp {
+    background-color: rgb(255, 0, 0);
+    color: rgb(128, 128, 128);
 }
 
-div[data-testid="stHorizontalBlock"] td.original {
-    background-color: blue;
-    color: white; /* Adjust text color for better contrast */
+.original {
+    background-color: rgb(0, 0, 0);
+    color: rgb(255, 255, 255);
 }