student list items centered

sails/src/assets/scripts/modules/supervisor/views/students.html

@@ -55,55 +55,55 @@
             <span class="text-muted"> {{ student.username }} </span>
         </td>
         <td>
-            <p> <span> {{student.current_method | translate}} </span> <br /> <span class="text-muted">{{student.current_instruction | translate}}</span> </p>
+            <p class="student-list-text"> <span> {{student.current_method | translate}} </span> <br /> <span class="text-muted">{{student.current_instruction | translate}}</span> </p>
         </td>
         <td> <!-- BUTTONS -->
 
           <a
-            class="btn btn-default btn-lg" role="button" href="/app/#/student/{{student.id}}/collections"
+            class="btn btn-default btn-lg student-list-btn" role="button" href="/app/#/student/{{student.id}}/collections"
             alt="{{ 'collections' | translate }}" popover="{{ 'collections' | translate }}" popover-trigger="mouseenter" ng-if="student.license.isValid || student.license.isOfficial">
             <span class="glyphicon glyphicon-th" aria-hidden="true"></span>
           </a>
           <span
-            class="btn btn-default btn-lg" role="button"
+            class="btn btn-default btn-lg student-list-btn" role="button"
             alt="{{ 'collections' | translate }}" popover="{{ 'collections' | translate }}" popover-trigger="mouseenter" ng-if="!student.license.isValid && student.license.isTrial">
             <span class="glyphicon glyphicon-th" aria-hidden="true" style="color: #bbb" ></span>
           </span>
 
           <a
-            class="btn btn-default btn-lg" role="button" href="/app/#/student/{{student.id}}/instructions"
+            class="btn btn-default btn-lg student-list-btn" role="button" href="/app/#/student/{{student.id}}/instructions"
             alt="{{ 'instructions' | translate }}" popover="{{ 'instructions' | translate }}" popover-trigger="mouseenter" ng-if="!user.isTutor && student.license.isValid">
             <span class="glyphicon glyphicon-tasks" aria-hidden="true"></span>
           </a>
           <span
-            class="btn btn-default btn-lg" role="button"
+            class="btn btn-default btn-lg student-list-btn" role="button"
             alt="{{ 'instructions' | translate }}" popover="{{ 'instructions' | translate }}" popover-trigger="mouseenter" ng-if="user.isTutor || !student.license.isValid">
             <span class="glyphicon glyphicon-tasks" aria-hidden="true" style="color: #bbb" ></span>
           </span>
 
           <a
-            class="btn btn-default btn-lg" role="button" href="/app/#/student/{{student.id}}/session"
+            class="btn btn-default btn-lg student-list-btn" role="button" href="/app/#/student/{{student.id}}/session"
             alt="{{ 'session' | translate }}" popover="{{ 'session' | translate }}" popover-trigger="mouseenter" ng-if="!user.isTutor && student.license.isValid">
             <span class="glyphicon glyphicon-transfer" aria-hidden="true"></span>
           </a>
           <span
-            class="btn btn-default btn-lg" role="button"
+            class="btn btn-default btn-lg student-list-btn" role="button"
             alt="{{ 'session' | translate }}" popover="{{ 'session' | translate }}" popover-trigger="mouseenter" ng-if="user.isTutor || !student.license.isValid">
             <span class="glyphicon glyphicon-transfer" aria-hidden="true" style="color: #bbb"></span>
           </span>
 
           <a
-            class="btn btn-default btn-lg" role="button" href="/app/#/student/{{student.id}}/reports"
+            class="btn btn-default btn-lg student-list-btn" role="button" href="/app/#/student/{{student.id}}/reports"
             alt="{{ 'reports' | translate }}" popover="{{ 'reports' | translate }}" popover-trigger="mouseenter" ng-if="!user.isTutor && student.license.isValid">
             <i class="fa fa-bar-chart" aria-hidden="true"></i>
           </a>
-          <span class="btn btn-default btn-lg" role="button"
+          <span class="btn btn-default btn-lg student-list-btn" role="button"
             alt="{{ 'reports' | translate }}" popover="{{ 'reports' | translate }}" popover-trigger="mouseenter" ng-if="user.isTutor || !student.license.isValid">
             <i class="fa fa-bar-chart" aria-hidden="true" style="color: #bbb"></i>
           </span>
 
           <a
-            class="btn btn-default btn-lg" role="button" href="/app/#/student/{{student.id}}/setup"
+            class="btn btn-default btn-lg student-list-btn" role="button" href="/app/#/student/{{student.id}}/setup"
             alt="{{ 'setup' | translate }}" popover="{{ 'setup' | translate}}" popover-trigger="mouseenter">
             <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
           </a>

sails/src/assets/styles/main.css

@@ -879,6 +879,14 @@ img.profile{
 	margin-bottom: 0px;
 }
 
+.student-list-btn {
+	margin-top: 10px;
+}
+
+.student-list-text {
+	margin-top: 10px;
+}
+
 
 #user_tutors .list-group-item:hover .delete_tutor,
 #user_sups .list-group-item:hover .delete_sup,