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

…some spaces in css attributes
mitodl · Mar 24, 2015 · 2f0d436 · 2f0d436
1 parent 5fb66c7
commit 2f0d436
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 4 deletions.
diff --git a/edx_sga/static/css/edx_sga.css b/edx_sga/static/css/edx_sga.css
@@ -50,11 +50,13 @@
 	filter:alpha(opacity: 0);
 	opacity: 0;
 	z-index: 2;
+    width: 200px;
 }
 
 .sga-block td .upload button {
     padding: 3px;
     width: 100%;
+    height: 20px;
 }
 
 .sga-block .error {
@@ -119,7 +121,32 @@
 }
 
 .modal-type-edx_sga ul.editor-modes.action-list.action-modes li a:hover {
-   background: #777;
-   color: #FFF;
+    background: #777;
+    color: #FFF;
+}
+
+.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: 2;
+    padding: 2px;
+    width: 200px;
+    color: #333346;
+    font-weight: bold;
+    font-size: 0.8125em;
+    margin-top: 1px;
+    height: 20px;
 }
 
diff --git a/edx_sga/templates/staff_graded_assignment/show.html b/edx_sga/templates/staff_graded_assignment/show.html
@@ -87,14 +87,14 @@
           </td>
           <td>
             <% if (assignment.may_grade) { %>
-              <a class="enter-grade-button" href="#{{ id }}-enter-grade">
+              <a class="enter-grade-button button" href="#{{ id }}-enter-grade">
                 <% if (assignment.needs_approval) { %>
                   {% trans "Approve grade" %}
                 <% } else { %>
                   {% trans "Enter grade" %}
                 <% } %>
               </a>
-            <% } %>
+           <% } %>
           </td>
           <td>
             <div class="upload">