Merge pull request #2561 from edx/frances/studio/bug-editor-number-layout

Fixed missing polyfill buttons and adjusted layout of number input 
UX-381

cms/envs/common.py

@@ -276,6 +276,7 @@ PIPELINE_CSS = {
         'source_filenames': [
             'css/vendor/normalize.css',
             'css/vendor/font-awesome.css',
+            'css/vendor/html5-input-polyfills/number-polyfill.css',
             'js/vendor/CodeMirror/codemirror.css',
             'css/vendor/ui-lightness/jquery-ui-1.8.22.custom.css',
             'css/vendor/jquery.qtip.min.css',

cms/static/sass/elements/_xmodules.scss

@@ -39,7 +39,7 @@
                     display: block;
                     width: 45%;
                     max-width: auto;
-                    margin-left: 33%;
+                    margin-left: 25%;
                     padding: 0 13px;
                 }
 

cms/static/sass/views/_unit.scss

@@ -619,7 +619,6 @@ body.course.unit,.view-unit {
 
     //component-setting-entry
     .field.comp-setting-entry {
-      @include transition(opacity $tmg-f2 ease-in-out 0s);
       background-color: $white;
       padding: $baseline;
       border-bottom: 1px solid $gray-l2;
@@ -713,8 +712,7 @@ body.course.unit,.view-unit {
       }
 
       input[type="number"] {
-
-        width: 38.5%;
+        width: 42%;
         box-shadow: 0 1px 2px $shadow-l1 inset;
         //For webkit browsers which render number fields differently, make input wider.
         -moz-column-width: {

common/static/css/vendor/html5-input-polyfills/number-polyfill.css

@@ -5,8 +5,8 @@ div.number-spin-btn-container {
   vertical-align: middle;
   margin: 0 0 0 3px;
   padding: 0;
-  left: 74%;
-  top: 6px; 
+  left: 69%;
+  top: 6px;
 }
 
 div.number-spin-btn {