Andal.LND/edx-platform
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix layout issues in Program dashboard page

Browse Source 
WL-1186
This commit is contained in:
Ibrahim
2017-08-25 15:22:59 +05:00
parent d16363d628
commit 165954b12c
2 changed files with 25 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
lms/static/sass/views/_program-details.scss
View File

@@ -463,25 +463,30 @@
}
.course-meta-container {
display: flex;
flex-direction: column;
flex-wrap: wrap;
@media(min-width: $bp-screen-md) {
display: table;
width: 100%;
flex-direction: row;
justify-content: space-between;
}
}
.course-details {
@media(min-width: $bp-screen-md) {
display: table-cell;
vertical-align: top;
padding: 0 10px 0 0;
}
}
.course-actions {
display: flex;
flex-direction: column;
@media(min-width: $bp-screen-md) {
width: 200px;
text-align: right;
}
.course-enroll-view {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
@media(min-width: $bp-screen-md) {
text-align: right;
}
}
}
@@ -645,6 +650,13 @@
display: flex;
flex-direction: row;
padding: 5px 0 10px;
.image-link {
flex: 0 0 100px;
@media(min-width: $bp-screen-md) {
flex: 0 0 120px;
}
}
}
.certificate-link {

4
lms/templates/learner_dashboard/course_card.underscore
View File

@@ -1,5 +1,5 @@
<div class="section">
<div class="course-meta-container col-12 md-col-8 sm-col-12">
<div class="course-meta-container">
<div class="course-details">
<h5 class="course-title">
<% if ( marketing_url || course_url ) { %>
@@ -19,7 +19,7 @@
<% } %>
</div>
</div>
<div class="course-actions col-12 md-col-4 sm-col-12"></div>
<div class="course-actions"></div>
<div class="course-certificate certificate-status"></div>
</div>
</div>