Fix only centering points table's cell text

Also tweak some coloring

Author: Irene

app/assets/stylesheets/main.scss

@@ -176,17 +176,23 @@ table {
 
 table > * > tr > td {
   padding: 6px 14px 6px 14px;
-  text-align: center;
 }
 
 table > * > tr > th {
   padding: 6px 4px 6px 4px;
   border: 0;
+}
+
+table.points > * > tr > th {
   text-align: center;
   max-width: 5rem;
   word-wrap: break-word;
 }
 
+table.points > * > tr > td {
+  text-align: center;
+}
+
 tr.table-totals > td {
   font-weight: bold;
 }

app/assets/stylesheets/points.scss

@@ -1,3 +1,5 @@
+@import "_breadcrumb";
+
 .course-point-header {
   display: flex;
   justify-content: space-around;
@@ -6,7 +8,7 @@
 }
 
 .point-cell {
-  border: 1px solid black;
+  border: 1px solid darken($breadcrumb-grey, 5%);
 }
 
 .points-container {

app/views/points/index.html.erb

@@ -30,10 +30,7 @@
         <tr class="table-totals">
           <td>-</td>
           <% nstudents = @summary[:users].length %>
-          <td><%= nstudents %></td>
-          <% if @user_fields %>
-            <td colspan="<%= @user_fields.length %>"></td>
-          <% end %>
+          <td colspan="<%= (@user_fields ? @user_fields.length : 0) + 1 %>"><%= nstudents %></td>
           <% @summary[:sheets].each do |sheet| %>
             <td>
               <%= "#{sheet[:total_awarded]}/#{sheet[:total_available]*nstudents}" %>