Changed enter grade link style to make it look like button and added …

…some spaces in css attributes
mitodl · Mar 19, 2015 · a38eb92 · a38eb92
1 parent 004807e
commit a38eb92
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 7 deletions.
diff --git a/edx_sga/static/css/edx_sga.css b/edx_sga/static/css/edx_sga.css
@@ -50,6 +50,7 @@
 	filter:alpha(opacity: 0);
 	opacity: 0;
 	z-index: 2;
+    width: 200px;
 }
 
 .sga-block td .upload button {
@@ -60,3 +61,28 @@
 .sga-block .error {
     color: red;
 }
+
+.sga-block a.button {
+    background-color: #E5E4E3;
+    border: 1px solid #cec5c5;
+    border-radius: 2px;
+    text-decoration: none;
+    -moz-user-select: none;
+    box-sizing: border-box;
+    cursor: pointer;
+    display: inline-block;
+    line-height: normal;
+    text-align: center;
+    vertical-align: middle;
+    white-space: nowrap;
+    top: 0px;
+    left: 0px;
+    z-index: 1;
+    padding: 2px;
+    width: 200px;
+    color: #333346;
+    font-weight: bold;
+    font-size: 0.8125em;
+    margin-top: 1px;
+}
+
diff --git a/edx_sga/templates/staff_graded_assignment/show.html b/edx_sga/templates/staff_graded_assignment/show.html
@@ -87,13 +87,13 @@
           </td>
           <td>
             <% if (assignment.may_grade) { %>
-              <a class="enter-grade-button" href="#{{ id }}-enter-grade">
-                <% if (assignment.needs_approval) { %>
-                  {% trans "Approve grade" %}
-                <% } else { %>
-                  {% trans "Enter grade" %}
-                <% } %>
-              </a>
+                 <a class="enter-grade-button button" href="#{{ id }}-enter-grade">
+                  <% if (assignment.needs_approval) { %>
+                     {% trans "Approve grade" %}
+                   <% } else { %>
+                     {% trans "Enter grade" %}
+                  <% } %>
+               </a>
             <% } %>
           </td>
           <td>