Fix new UI messages styling

czcorpus · Aug 6, 2024 · 7cd8384 · 7cd8384
1 parent 63fcb1a
commit 7cd8384
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/public/files/js/views/document/style.tsx b/public/files/js/views/document/style.tsx
@@ -824,6 +824,7 @@ export const MessagesDiv = styled.div`
     position: fixed;
     right: 0;
     top: 0;
+    max-width: 40em;
     padding-top: 1em;
     padding-right: 1em;
     padding-left: 1em;
@@ -846,6 +847,7 @@ export const MessagesDiv = styled.div`
     .message-text {
         padding-left: 1.2em;
         padding-right: 1.2em;
+        flex-grow: 1;
     }
 
     .message.info {
@@ -868,7 +870,6 @@ export const MessagesDiv = styled.div`
     }
 
     .button-box .close-icon {
-        display: block;
     }
 
     .button-box .close-icon img {