Merge pull request #13739 from ramonlsouza/modal-title-margin

style: Center modal title

bigbluebutton-html5/imports/ui/components/modal/simple/component.jsx

@@ -81,7 +81,7 @@ class ModalSimple extends Component {
         {...otherProps}
       >
         <Styled.Header hideBorder={hideBorder}>
-          <Styled.Title>{title}</Styled.Title>
+          <Styled.Title hasLeftMargin={shouldShowCloseButton}>{title}</Styled.Title>
           {shouldShowCloseButton ? (
             <Styled.DismissButton
               label={intl.formatMessage(intlMessages.modalClose)}

bigbluebutton-html5/imports/ui/components/modal/simple/styles.js

@@ -45,6 +45,10 @@ const Title = styled.h1`
   font-size: ${fontSizeLarge};
   text-align: center;
   align-self: flex-end;
+
+  ${({ hasLeftMargin }) => hasLeftMargin && `
+    margin-left: 35px;
+  `}
 `;
 
 const DismissButton = styled(Button)`