Merge pull request #1500 from session-foundation/fix/modal_default_width

fix: bump modal default width to 420px

Author: Bilb

ts/components/SessionWrapperModal.tsx

@@ -45,7 +45,7 @@ const StyledModalHeader = styled(Flex)<{ bigHeader?: boolean; scrolled: boolean
 
 export enum WrapperModalWidth {
   narrow = '350px',
-  normal = '410px',
+  normal = '420px',
   wide = '500px',
   debug = '75%',
 }

ts/components/conversation/composition/CompositionBox.tsx

@@ -820,6 +820,7 @@ class CompositionBoxInner extends Component<Props, State> {
         stagedLinkPreview: undefined,
         ignoredLink: undefined,
         draft: '',
+        characterCount: 0,
       });
       updateDraftForConversation({
         conversationKey: this.props.selectedConversationKey,

ts/components/dialog/SessionProInfoModal.tsx

@@ -36,13 +36,14 @@ export enum SessionProInfoVariant {
 const StyledContentContainer = styled.div`
   display: flex;
   flex-direction: column;
-  margin-bottom: var(--margins-lg);
+  margin-bottom: var(--margins-md);
   gap: var(--margins-sm);
 `;
 
 const StyledScrollDescriptionContainer = styled.div`
   text-align: center;
   font-size: var(--font-size-lg);
+  line-height: var(--font-size-xl);
   color: var(--text-secondary-color);
 `;