From 5857779d34c24e3f1a1b89c28e47550dd3975ff8 Mon Sep 17 00:00:00 2001 From: Brian Jacobel Date: Thu, 17 Mar 2016 15:23:28 -0400 Subject: [PATCH] Fix responsiveness issue with math inputs on mobile --- common/lib/xmodule/xmodule/css/capa/display.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/common/lib/xmodule/xmodule/css/capa/display.scss b/common/lib/xmodule/xmodule/css/capa/display.scss index 1cffdb2540..e873b4f471 100644 --- 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; } } -