Resolve "Improve "My Students""

Closes #5 (closed), #111 (closed), #113 (closed)

aleksis/apps/alsijil/static/css/alsijil/alsijil.css

 table.datatable a {
-  color: inherit !important;
+    color: inherit !important;
 }
 
 table a.tr-link {
-  display: block;
-  width: inherit;
-  height: inherit;
+    display: block;
+    width: inherit;
+    height: inherit;
 }
 
 .collapsible-icon-right {
-	align-self: end;
-	flex-grow: 100;
-	text-align: right!important;
+    align-self: end;
+    flex-grow: 100;
+    text-align: right !important;
 }
 
 @media only screen and (min-width: 1201px) {
@@ -30,8 +30,32 @@ table a.tr-link {
     .collection .collection-item.avatar {
         padding-left: 20px;
     }
+
     .collection .collection-item.avatar:not(.circle-clipper) > .circle {
         position: relative;
         margin-bottom: 10px;
     }
 }
+
+.collapsible li .show-on-active {
+    display: none;
+}
+
+.collapsible li.active .show-on-active {
+    display: block;
+}
+
+th.chip-height {
+    height: 67px;
+    line-height: 2.2;
+}
+
+.collection-item.chip-height {
+    height: 52px;
+    line-height: 2.2;
+}
+
+li.collection-item.button-height {
+    height: 58px;
+    line-height: 2.5;
+}