Update style.css

style.css

@@ -126,12 +126,14 @@ body {
     display: flex;
     flex-direction: column;
     margin-right: 10px;
+    min-width: 150px;
 }
 
 .email-sender {
     font-weight: bold;
     color: #202124;
     margin-bottom: 2px;
+    font-size: 14px;
 }
 
 .email-time {
@@ -143,6 +145,12 @@ body {
     font-weight: 500;
     color: #202124;
     margin-bottom: 4px;
+    font-size: 15px;
+    flex: 1;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 500px;
 }
 
 .email-snippet {
@@ -151,6 +159,8 @@ body {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    flex: 2;
+    max-width: 400px;
 }
 
 /* Webcam Overlay Styles */
@@ -402,4 +412,12 @@ body {
         font-size: 0.9em;
         padding: 10px;
     }
+    
+    .email-subject {
+        max-width: 200px;
+    }
+    
+    .email-snippet {
+        max-width: 150px;
+    }
 }