Skip to content

yotta / pictogram

Go to a project
Commit eab3ce73 by Arturo Montejo Ráez
Options

student list items centered

parent a52e49f0
Inline Side-by-side
Showing with 18 additions and 10 deletions
sails/src/assets/scripts/modules/supervisor/views/students.html
...@@ -55,55 +55,55 @@ ...@@ -55,55 +55,55 @@
<span class="text-muted"> {{ student.username }} </span> <span class="text-muted"> {{ student.username }} </span>
</td> </td>
<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>
<td> <!-- BUTTONS --> <td> <!-- BUTTONS -->
<a <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"> 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> <span class="glyphicon glyphicon-th" aria-hidden="true"></span>
</a> </a>
<span <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"> 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 class="glyphicon glyphicon-th" aria-hidden="true" style="color: #bbb" ></span>
</span> </span>
<a <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"> 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> <span class="glyphicon glyphicon-tasks" aria-hidden="true"></span>
</a> </a>
<span <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"> 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 class="glyphicon glyphicon-tasks" aria-hidden="true" style="color: #bbb" ></span>
</span> </span>
<a <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"> 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> <span class="glyphicon glyphicon-transfer" aria-hidden="true"></span>
</a> </a>
<span <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"> 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 class="glyphicon glyphicon-transfer" aria-hidden="true" style="color: #bbb"></span>
</span> </span>
<a <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"> 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> <i class="fa fa-bar-chart" aria-hidden="true"></i>
</a> </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"> 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> <i class="fa fa-bar-chart" aria-hidden="true" style="color: #bbb"></i>
</span> </span>
<a <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"> alt="{{ 'setup' | translate }}" popover="{{ 'setup' | translate}}" popover-trigger="mouseenter">
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span> <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
</a> </a>
......
sails/src/assets/styles/main.css
...@@ -879,6 +879,14 @@ img.profile{ ...@@ -879,6 +879,14 @@ img.profile{
margin-bottom: 0px; margin-bottom: 0px;
} }
.student-list-btn {
margin-top: 10px;
}
.student-list-text {
margin-top: 10px;
}
#user_tutors .list-group-item:hover .delete_tutor, #user_tutors .list-group-item:hover .delete_tutor,
#user_sups .list-group-item:hover .delete_sup, #user_sups .list-group-item:hover .delete_sup,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment