diff --git a/modules/ve-mw/ui/dialogs/ve.ui.MWSaveDialog.js b/modules/ve-mw/ui/dialogs/ve.ui.MWSaveDialog.js
index 92deb8053f..884f4091b9 100644
--- a/modules/ve-mw/ui/dialogs/ve.ui.MWSaveDialog.js
+++ b/modules/ve-mw/ui/dialogs/ve.ui.MWSaveDialog.js
@@ -296,7 +296,11 @@ ve.ui.MWSaveDialog.prototype.initialize = function () {
ve.ui.Dialog.prototype.initialize.call( this );
// Properties
- this.savePanel = new OO.ui.PanelLayout( { '$': this.$, 'scrollable': true } );
+ this.savePanel = new OO.ui.PanelLayout( {
+ '$': this.$,
+ 'scrollable': true,
+ 'classes': ['ve-ui-mwSaveDialog-savePanel']
+ } );
// Save panel
this.$editSummaryLabel = this.$( '
' ).addClass( 've-ui-mwSaveDialog-summaryLabel' )
diff --git a/modules/ve-mw/ui/styles/dialogs/ve.ui.MWSaveDialog.css b/modules/ve-mw/ui/styles/dialogs/ve.ui.MWSaveDialog.css
index fb972b889e..3ed48dbacf 100644
--- a/modules/ve-mw/ui/styles/dialogs/ve.ui.MWSaveDialog.css
+++ b/modules/ve-mw/ui/styles/dialogs/ve.ui.MWSaveDialog.css
@@ -13,29 +13,26 @@
padding: 0.25em 0;
}
+.ve-ui-mwSaveDialog-savePanel {
+ /* Make room for input box shadow */
+ padding: 0 0.5em;
+}
+
.ve-ui-mwSaveDialog-summary {
width: 100%;
background-color: #fff;
- border: solid 1px #ccc;
- padding: 0.5em;
- border-radius: 0.25em 0.25em 0 0;
}
.ve-ui-mwSaveDialog-summary textarea {
+ border-radius: 0.25em 0.25em 0 0;
+ vertical-align: top;
margin: 0;
- padding: 0;
+ padding: 0.5em;
resize: none;
height: 80px;
- border: none;
- box-shadow: none;
background-color: transparent;
}
-.ve-ui-mwSaveDialog-summary textarea:focus,
-.ve-ui-mwSaveDialog-summary textarea:active {
- box-shadow: none;
-}
-
.ve-ui-mwSaveDialog-foot {
margin: 0.5em;
}