Fix responsiveness issue with math inputs on mobile

2016-03-17 15:23:28 -04:00
parent 8df8b25f57
commit 5857779d34
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;
  }
 }
-