<div>
    <a href="javascript:void(0)" ng-click="edit()" class="eqn-preview" editor-mode="editorMode" ng-style="{color: state.result.tex ? 'black' : '#ddd'}" style="border-radius: 3px;
  box-shadow: none;
  font-size: 2rem;
  padding: 0.5rem;
  margin: 20px 0px;
  border: 1px solid #999;
  width:100%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  background: white;">
  &nbsp;
</a>
</div>
<div ng-show="editorMode == 'maths' && questionDoc.type && $root.userPreferences.BETA_FEATURE.EQN_TEXT_ENTRY">
    <input ng-keyup="textEdit()" type="text" class="eqn-text-input" maxlength="200" placeholder="Or type your answer (beta!)" style="font-family: monospace; font-size: 1.4rem;"></input>
    <div ng-show="symbolList" style='font-size: 1rem;margin-bottom:10px;color:#aaa;'>The following symbols may be useful: <pre style='display:inline;'> {{symbolList}}<pre></div>
</div>
<div>
    <a href="javascript:void(0)" ng-click="edit()" class="eqn-preview" editor-mode="editorMode" ng-style="{color: state.result.tex ? 'black' : '#ddd'}" style="border-radius: 3px;
  box-shadow: none;
  font-size: 2rem;
  padding: 0.5rem;
  margin: 20px 0px;
  border: 1px solid #999;
  width:100%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  background: white;">
  &nbsp;
</a>
</div>
<div ng-show="editorMode == 'maths' && questionDoc.type && $root.userPreferences.BETA_FEATURE.EQN_TEXT_ENTRY">
    <input ng-keyup="textEdit()" type="text" class="eqn-text-input" maxlength="200" placeholder="Or type your answer (beta!)" style="font-family: monospace; font-size: 1.4rem;"></input>
    <div ng-show="symbolList" style='font-size:1rem;margin-bottom:10px;color:#aaa;'>The following symbols may be useful: <pre style="font-size:0.75rem;font-family:Menlo,monospace;display:inline;white-space:pre-wrap;"> {{symbolList}}</pre></div>
</div>
Improve symbolic question symbol list font
Improve symbolic question symbol list font

# On Safari, the default monospace font makes it hard to distinguish between
# a number 1 and the lowercase letter l. Fix this by specifying another font,
# which will take precedence. Also fix wrapping on small screens.
