Update static/app.css

static/app.css

@@ -164,28 +164,17 @@ em {
     padding: 1rem;
     margin: 1rem;
 }
-.file-preview {
-    background-color: #e0e0e0;
-    color: #333;
-    font-size: 0.85rem;
-    padding: 8px 12px;
-    border-radius: 8px;
-    margin-bottom: 8px;
-    align-self: flex-start;
-    max-width: 60%;
-    margin-left: 10px;
-    font-family: monospace;
-    box-shadow: inset 0 0 2px #999;
-}
+
 .file-preview-bubble {
-    background-color: #e0e0e0;
+    align-self: flex-start;
+    background-color: #f2f2f2;
     color: #444;
-    font-size: 0.85rem;
-    padding: 8px 12px;
+    font-size: 0.8rem;
+    padding: 6px 10px;
     border-radius: 10px;
-    max-width: 60%;
+    max-width: 50%;
     font-family: monospace;
-    box-shadow: inset 0 0 2px #999;
-    margin: 0 0 8px 0;
-    align-self: flex-start; 
+    box-shadow: inset 0 0 2px #aaa;
+    margin: -5px 0 6px 0;  /* slight overlap toward input */
+    opacity: 0.9;
 }