diff --git a/src/canvas/view/FrameView.js b/src/canvas/view/FrameView.js index 92a755183..e900d7751 100644 --- a/src/canvas/view/FrameView.js +++ b/src/canvas/view/FrameView.js @@ -25,9 +25,6 @@ function(Backbone) { }, render: function() { - this.$el.attr({ - style: 'width: 50%; display: block; height: 80%; border: medium none; margin: 0 auto 0; background-color: white', - }); this.$el.attr({class: this.ppfx + 'frame'}); return this; }, diff --git a/styles/css/main.css b/styles/css/main.css index 9cad08973..5bfef51d6 100644 --- a/styles/css/main.css +++ b/styles/css/main.css @@ -2644,7 +2644,9 @@ See http://bgrins.github.io/spectrum/themes/ for instructions. height: 100%; outline: medium none; width: 100%; - border: none; } + border: none; + margin: 0 auto; + display: block; } .wte-cv-canvas .wte-ghost { display: none; pointer-events: none; diff --git a/styles/scss/main.scss b/styles/scss/main.scss index e2c80e281..cd01c6fa5 100644 --- a/styles/scss/main.scss +++ b/styles/scss/main.scss @@ -132,6 +132,8 @@ $imageCompDim: 50px; outline: medium none; width: 100%; border: none; + margin: 0 auto; + display: block; } .#{$app-prefix}ghost{