Small refactorings

Author: Irene

app/assets/stylesheets/_breadcrumb.scss

@@ -1,10 +1,10 @@
 $breadcrumb-grey: #e9ecef;
 
 .breadcumb-nav {
+  align-items: center;
   background-color: $breadcrumb-grey;
   border-radius: 0.25rem;
   display: flex;
-  align-items: center;
   padding-right: 1rem;
 
   .breadcrumb {

app/assets/stylesheets/_footer.scss

@@ -1,7 +1,7 @@
-$footer_height: 5rem;
+$footer-height: 5rem;
 
 .footer {
-  height: $footer_height;
+  height: $footer-height;
   background-color: rgb(54, 116, 214);
 }
 

app/assets/stylesheets/main.scss

@@ -147,10 +147,10 @@ div.stack-trace {
 }
 
 .scrollable {
-  width: 95vw;
-  height: 70vh;
   align-self: center;
+  height: 70vh;
   overflow: auto;
+  width: 95vw;
 }
 
 div.feedback-question {
@@ -171,6 +171,19 @@ form.single-button {
 table {
   border-collapse: collapse;
   width: 100%;
+
+  &.points {
+    min-width: 100%;
+    text-align: center;
+    tbody tr:nth-child(odd) {
+      background-color: lighten($breadcrumb-grey, 4%);
+    }
+  }
+
+  &.points tr.admin * {
+    color: #808080;
+  }
+
 }
 
 table > * > tr > td {
@@ -196,24 +209,6 @@ tr.table-totals > td {
   font-weight: bold;
 }
 
-/* Points tables */
-
-table.points {
-  min-width: 100%;
-}
-
-table.points tr.admin * {
-  color: gray;
-}
-
-table.points > * > tr > td {
-  text-align: center;
-}
-
-table.points > tbody tr:nth-child(odd) {
-  background-color: lighten($breadcrumb-grey, 4%);
-}
-
 /* Code reviews */
 
 .code-review {
@@ -481,11 +476,12 @@ td.hljs-ln-code {
 }
 
 .points-container {
+  align-content: stretch;
   display: flex;
   flex-direction: column;
-  align-content: stretch;
 }
 
-#filter-form input[type="checkbox"], select {
+.filter-form input[type="checkbox"],
+ select {
   margin: 0.2rem;
 }

app/assets/stylesheets/points.scss

@@ -1,4 +1,4 @@
-@import "_breadcrumb";
+@import "breadcrumb";
 
 .course-point-header {
   display: flex;

app/views/participants/index.html.erb

@@ -1,6 +1,6 @@
 <h1>List of participants</h1>
 
-<%= form_tag(participants_path, :method => :get, :id => "filter-form") do %>
+<%= form_tag(participants_path, :method => :get, :class => "filter-form") do %>
   <div style="float: left">
     <%= render :partial => 'participants/filter_controls' %>
   </div>