From f785f6f8a14265b4571b0104cce13bee7625ecb4 Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Wed, 5 Sep 2012 14:24:05 -0400
Subject: [PATCH] Added some nicer styles for dynamic math

---
 .../lib/capa/capa/templates/optioninput.html  |  1 -
 .../lib/xmodule/xmodule/css/capa/display.scss | 27 ++++++++++++++++---
 lms/templates/problem.html                    |  1 +
 3 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/common/lib/capa/capa/templates/optioninput.html b/common/lib/capa/capa/templates/optioninput.html
index 0a1562c38d..06c7ed1257 100644
--- a/common/lib/capa/capa/templates/optioninput.html
+++ b/common/lib/capa/capa/templates/optioninput.html
@@ -1,5 +1,4 @@
 <form class="option-input">
-  
    <select name="input_${id}" id="input_${id}" >
       <option value="option_${id}_dummy_default">  </option>
       % for option_id, option_description in options:
diff --git a/common/lib/xmodule/xmodule/css/capa/display.scss b/common/lib/xmodule/xmodule/css/capa/display.scss
index bdd14916e9..d5ff7674ac 100644
--- a/common/lib/xmodule/xmodule/css/capa/display.scss
+++ b/common/lib/xmodule/xmodule/css/capa/display.scss
@@ -137,11 +137,19 @@ section.problem {
 
     div.equation {
       clear: both;
-      padding: 6px;
-      background: #eee;
+      margin-top: 3px;
 
       span {
         margin-bottom: 0;
+
+        &.math {
+          padding: 6px;
+          background: #f1f1f1;
+          border: 1px solid #e3e3e3;
+          @include inline-block;
+          @include border-radius(4px);
+          min-width: 300px;
+        }
       }
     }
 
@@ -227,8 +235,21 @@ section.problem {
         }
       }
     }
-  }
 
+    // .option-problem {
+    //   @include clearfix;
+
+    //   > p {
+    //     float: left;
+    //     width: flex-grid(6,9);
+    //   }
+
+    //   > span {
+    //     float: right;
+    //     width: flex-grid(3,9);
+    //   }
+    // }
+  }
 
   ul {
     list-style: disc outside none;
diff --git a/lms/templates/problem.html b/lms/templates/problem.html
index 65b8193df9..7614c8a509 100644
--- a/lms/templates/problem.html
+++ b/lms/templates/problem.html
@@ -53,6 +53,7 @@
         $(this).parent().parent().toggleClass('open');
         return false
       });
+
     });
 </script>
 </%block>