move textinput display:inline into capa display.scss file as class

common/lib/capa/capa/inputtypes.py

@@ -149,6 +149,7 @@ def optioninput(element, value, status, render_template, msg=''):
              'state': status,
              'msg': msg,
              'options': osetdict,
+             'inline': element.get('inline',''),
              }
 
     html = render_template("optioninput.html", context)

common/lib/capa/capa/templates/textinput.html

@@ -1,32 +1,14 @@
-<section id="textinput_${id}" class="textinput"
-      % if inline:
-         style="display:inline"
-      % endif
-    >
+<% doinline = "inline" if inline else "" %>
+
+<section id="textinput_${id}" class="textinput ${doinline}" >
     % if state == 'unsubmitted':
-    <div class="unanswered" id="status_${id}"
-      % if inline:
-         style="display:inline"
-      % endif
-      >
+    <div class="unanswered ${doinline}" id="status_${id}">
     % elif state == 'correct':
-    <div class="correct" id="status_${id}"
-      % if inline:
-         style="display:inline"
-      % endif
-      >
+    <div class="correct ${doinline}" id="status_${id}">
     % elif state == 'incorrect':
-    <div class="incorrect" id="status_${id}"
-      % if inline:
-         style="display:inline"
-      % endif
-      >
+    <div class="incorrect ${doinline}" id="status_${id}">
     % elif state == 'incomplete':
-    <div class="incorrect" id="status_${id}"
-      % if inline:
-         style="display:inline"
-      % endif
-      >
+    <div class="incorrect ${doinline}" id="status_${id}">
     % endif
     % if hidden:
       <div style="display:none;" name="${hidden}" inputid="input_${id}" />

common/lib/xmodule/xmodule/css/capa/display.scss

@@ -49,6 +49,10 @@ section.problem {
     }
   }
 
+  .inline {
+      display: inline;
+  }
+
   div {
     p {
       &.answer {