Commit c1054e71 by Brian Talbot

adding visual spacing between grade report UI sections

parent d0b283ab
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<div class="ui-toggle-visibility__content"> <div class="ui-toggle-visibility__content">
<div class="wrapper--step__content"> <div class="wrapper--step__content">
<div class="step__content"> <div class="step__content">
<article class="submission__answer__display"> <article class="submission__answer__display step__content__section">
<h3 class="submission__answer__display__title">Your Submitted Response</h3> <h3 class="submission__answer__display__title">Your Submitted Response</h3>
<div class="submission__answer__display__content"> <div class="submission__answer__display__content">
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
</div> </div>
</article> </article>
<article class="submission__peer-evaluations"> <article class="submission__peer-evaluations step__content__section">
<h3 class="submission__peer-evaluations__title">Peer Evaluations Of Your Response</h3> <h3 class="submission__peer-evaluations__title">Peer Evaluations Of Your Response</h3>
<ol class="list submission__peer-evaluations__questions"> <ol class="list submission__peer-evaluations__questions">
...@@ -138,7 +138,7 @@ ...@@ -138,7 +138,7 @@
</ol> </ol>
</article> </article>
<form id="submission__feedback" class="submission__feedback ui-toggle-visibility" method="post"> <form id="submission__feedback" class="submission__feedback ui-toggle-visibility step__content__section" method="post">
<i class="ico icon-caret-right"></i> <i class="ico icon-caret-right"></i>
<h3 class="submission__feedback__title ui-toggle-visibility__control">Give Feedback On Peer Evaluations</h3> <h3 class="submission__feedback__title ui-toggle-visibility__control">Give Feedback On Peer Evaluations</h3>
......
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -360,6 +360,10 @@ ...@@ -360,6 +360,10 @@
margin-bottom: $baseline-v; margin-bottom: $baseline-v;
} }
.step__content__section {
margin-bottom: ($baseline-v*2);
}
// step actions // step actions
.step__actions { .step__actions {
margin-bottom: ($baseline-v/2); margin-bottom: ($baseline-v/2);
...@@ -921,13 +925,10 @@ ...@@ -921,13 +925,10 @@
} }
} }
// -------------------- // --------------------
// UI: submitted repsonse // UI: submitted repsonse
// -------------------- // --------------------
.submission__answer__display {
@extend %ui-subsection;
}
.submission__answer__display__title { .submission__answer__display__title {
@extend %t-heading; @extend %t-heading;
margin-bottom: ($baseline-v/2); margin-bottom: ($baseline-v/2);
......
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