Merge pull request #11847 from edx/bjacobel/FEDX-102-math-expression-responsive

Fix responsiveness issue with math inputs on mobile
2016-03-28 17:12:51 +02:00
parent 32ab555080 5857779d34
commit 3d98091324
1 changed files with 2 additions and 1 deletions
--- a/common/lib/xmodule/xmodule/css/capa/display.scss
+++ b/common/lib/xmodule/xmodule/css/capa/display.scss
@@ -749,12 +749,14 @@ div.problem {
 // ====================
 .problem {
  .capa_inputtype.textline, .inputtype.formulaequationinput {
+    display: inline-block;

    input {
      @include box-sizing(border-box);
      border: 2px solid $gray-l4;
      border-radius: 3px;
      min-width: 160px;
+      width: calc(100% - 45px);
      height: 46px;
    }

@@ -1491,4 +1493,3 @@ div.problem .annotation-input {
    background: url('#{$static-path}/images/partially-correct-icon.png') center center no-repeat;
  }
 }
-