Skip to content

E
edx-platform
Commit 5cf59019 by Brian Jacobel
Options

Fix sharing icons on certificate page at narrower resolutions

parent 30051a9e
Showing with 28 additions and 23 deletions
lms/static/certificates/sass/_layouts.scss
......@@ -80,36 +80,41 @@
margin-bottom: spacing-vertical(small);
}
.message-actions .action {
display: block;
width: 100%;
margin: 0 auto spacing-vertical(small) auto;
.message-actions {
@include span(12);
&:last-child {
margin-bottom: 0;
}
.action {
display: block;
width: 100%;
margin: 0 auto spacing-vertical(small) auto;
// CASE: icon display only
&.icon-only {
&:last-child {
margin-bottom: 0;
}
@media(min-width: $bp-screen-md) {
padding: spacing-vertical(x-small) spacing-horizontal(base);
// CASE: icon display only
&.icon-only {
@media(min-width: $bp-screen-md) {
padding: spacing-vertical(x-small) spacing-horizontal(base);
.icon {
@include margin-right(0);
.icon {
@include margin-right(0);
}
}
}
}
@media(min-width: $bp-screen-md) {
display: inline-block;
vertical-align: middle;
width: auto;
margin-bottom: 0;
margin-right: spacing-horizontal(mid-small);
&:last-child {
margin-right: 0;
@media(min-width: $bp-screen-md) {
display: inline-block;
vertical-align: middle;
min-width: 130px;
width: auto;
margin-bottom: 0;
margin-right: spacing-horizontal(mid-small);
&:last-child {
margin-right: 0;
}
}
}
}
......
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 to comment