add padding-bottom to session-model to fix the position issue of buttons

stylesheets/_session.scss

@@ -684,12 +684,12 @@ label {
   animation: fadein $session-transition-duration;
   z-index: 150;
   min-width: 300px;
-
   box-sizing: border-box;
   max-height: 70vh;
   max-width: 70vw;
   background-color: $session-shade-4;
   border: 1px solid $session-shade-8;
+  padding-bottom: $session-margin-lg;
 
   &__header {
     display: flex;

ts/components/conversation/CreateGroupDialog.tsx

@@ -123,7 +123,7 @@ export class CreateGroupDialog extends React.Component<Props, State> {
         <div className="spacer-lg" />
 
         <div className="buttons">
-          <h1>What is going on here</h1>
+          <h1 style={{color:'white'}}>What is going on here</h1>
           <button className="cancel" tabIndex={0} onClick={this.closeDialog}>
             {cancelText}
           </button>

ts/components/session/SessionModal.tsx

@@ -58,9 +58,6 @@ export class SessionModal extends React.PureComponent<Props, State> {
     } = this.props;
     const { isVisible } = this.state;
 
-    console.log(this.props.children, "what is actually in here");
-
-
     return isVisible ? (
       <div className={'session-modal'}>
         {showHeader ? (