diff --git a/modules/ve-mw/ui/dialogs/ve.ui.MWBetaWelcomeDialog.js b/modules/ve-mw/ui/dialogs/ve.ui.MWBetaWelcomeDialog.js
index c9fbeef958..b279376592 100644
--- a/modules/ve-mw/ui/dialogs/ve.ui.MWBetaWelcomeDialog.js
+++ b/modules/ve-mw/ui/dialogs/ve.ui.MWBetaWelcomeDialog.js
@@ -45,12 +45,11 @@ ve.ui.MWBetaWelcomeDialog.prototype.initialize = function () {
ve.ui.MWDialog.prototype.initialize.call( this );
// Properties
- this.$content = this.$$( '
' )
- .addClass( 've-ui-mwBetaWelcomeDialog-content' )
- .text(
- ve.msg( 'visualeditor-dialog-beta-welcome-content', $( '#ca-edit' ).text() )
- );
-
+ this.contentLayout = new ve.ui.PanelLayout( {
+ '$$': this.frame.$$,
+ 'scrollable': true,
+ 'padded': true
+ } );
this.continueButton = new ve.ui.ButtonWidget( {
'$$': this.$$,
'label': ve.msg( 'visualeditor-dialog-beta-welcome-action-continue' ),
@@ -61,7 +60,10 @@ ve.ui.MWBetaWelcomeDialog.prototype.initialize = function () {
this.continueButton.connect( this, { 'click': [ 'close', 'close' ] } );
// Initialization
- this.$body.append( this.$content );
+ this.contentLayout.$
+ .addClass( 've-ui-mwBetaWelcomeDialog-content' )
+ .text( ve.msg( 'visualeditor-dialog-beta-welcome-content', $( '#ca-edit' ).text() ) );
+ this.$body.append( this.contentLayout.$ );
this.$foot.append( this.continueButton.$ );
};
diff --git a/modules/ve-mw/ui/styles/ve.ui.MWDialog.css b/modules/ve-mw/ui/styles/ve.ui.MWDialog.css
index 89f68de95a..e7e1521119 100644
--- a/modules/ve-mw/ui/styles/ve.ui.MWDialog.css
+++ b/modules/ve-mw/ui/styles/ve.ui.MWDialog.css
@@ -75,7 +75,6 @@
/* ve.ui.MWBetaWelcomeDialog */
.ve-ui-mwBetaWelcomeDialog-content {
- padding: 1.5em;
line-height: 1.5em;
font-size: 1.1em;
}
diff --git a/modules/ve/ui/styles/ve.ui.Dialog.css b/modules/ve/ui/styles/ve.ui.Dialog.css
index 2b6c15acfe..22d08f9a9d 100644
--- a/modules/ve/ui/styles/ve.ui.Dialog.css
+++ b/modules/ve/ui/styles/ve.ui.Dialog.css
@@ -53,9 +53,8 @@
}
.ve-ui-dialog .ve-ui-window-frame.ve-ui-window-frame-small {
- width: 600px;
- min-height: 200px;
- height: 280px;
+ max-width: 600px;
+ max-height: 300px;
}
.ve-ui-dialog-closing .ve-ui-window-frame {