Commit 685846f3 by Bill Filler

Fix margin and orientation of arrows

Change the orientation of arrows to be consistent with the rest of the
platform. Add a margin between due-date and header label.

WL-1507
parent abc51c00
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<header class="step__header ui-slidable__control"> <header class="step__header ui-slidable__control">
<span> <span>
<button class="ui-slidable" aria-expanded="false" id="oa_grade_{{ xblock_id }}" aria-controls="oa_grade_{{ xblock_id }}_content" aria-labeledby="oa_step_title_grade"> <button class="ui-slidable" aria-expanded="false" id="oa_grade_{{ xblock_id }}" aria-controls="oa_grade_{{ xblock_id }}_content" aria-labeledby="oa_step_title_grade">
<span class="icon fa fa-caret-down" aria-hidden="false"/> <span class="icon fa fa-caret-right" aria-hidden="false"/>
</button> </button>
</span> </span>
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<header class="step__header ui-slidable__control"> <header class="step__header ui-slidable__control">
<span> <span>
<button class="ui-slidable" aria-expanded="true" id="oa_grade_{{ xblock_id }}" aria-controls="oa_grade_{{ xblock_id }}_content" aria-labeledby="oa_step_title_grade"> <button class="ui-slidable" aria-expanded="true" id="oa_grade_{{ xblock_id }}" aria-controls="oa_grade_{{ xblock_id }}_content" aria-labeledby="oa_step_title_grade">
<span class="icon fa fa-caret-down" aria-hidden="false"/> <span class="icon fa fa-caret-right" aria-hidden="false"/>
</button> </button>
</span> </span>
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<header class="step__header ui-slidable__control"> <header class="step__header ui-slidable__control">
<span> <span>
<button class="ui-slidable" aria-expanded="false" id="oa_grade_{{ xblock_id }}" aria-controls="oa_grade_{{ xblock_id }}_content" aria-labeledby="oa_step_title_grade"> <button class="ui-slidable" aria-expanded="false" id="oa_grade_{{ xblock_id }}" aria-controls="oa_grade_{{ xblock_id }}_content" aria-labeledby="oa_step_title_grade">
<span class="icon fa fa-caret-down" aria-hidden="false"/> <span class="icon fa fa-caret-right" aria-hidden="false"/>
</button> </button>
</span> </span>
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<header class="step__header ui-slidable__control"> <header class="step__header ui-slidable__control">
<span> <span>
<button class="ui-slidable" aria-expanded="false" id="oa_grade_{{ xblock_id }}" aria-controls="oa_grade_{{ xblock_id }}_content" aria-labeledby="oa_step_title_grade"> <button class="ui-slidable" aria-expanded="false" id="oa_grade_{{ xblock_id }}" aria-controls="oa_grade_{{ xblock_id }}_content" aria-labeledby="oa_step_title_grade">
<span class="icon fa fa-caret-down" aria-hidden="false"/> <span class="icon fa fa-caret-right" aria-hidden="false"/>
</button> </button>
</span> </span>
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<header class="step__header ui-slidable__control"> <header class="step__header ui-slidable__control">
<span> <span>
<button class="ui-slidable" aria-expanded="false" id="oa_grade_{{ xblock_id }}" aria-controls="oa_grade_{{ xblock_id }}_content" aria-labeledby="oa_step_title_grade"> <button class="ui-slidable" aria-expanded="false" id="oa_grade_{{ xblock_id }}" aria-controls="oa_grade_{{ xblock_id }}_content" aria-labeledby="oa_step_title_grade">
<span class="icon fa fa-caret-down" aria-hidden="false"/> <span class="icon fa fa-caret-right" aria-hidden="false"/>
</button> </button>
</span> </span>
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
<span> <span>
{% block button %} {% block button %}
<button class="ui-slidable" aria-expanded="true" id="oa_peer_{{ xblock_id }}" aria-controls="oa_peer_{{ xblock_id }}_content" aria-labeledby="oa_step_title_peer"> <button class="ui-slidable" aria-expanded="true" id="oa_peer_{{ xblock_id }}" aria-controls="oa_peer_{{ xblock_id }}_content" aria-labeledby="oa_step_title_peer">
<span class="icon fa fa-caret-down" aria-hidden="false"/> <span class="icon fa fa-caret-right" aria-hidden="false"/>
</button> </button>
{% endblock %} {% endblock %}
</span> </span>
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
{% block button %} {% block button %}
<button class="ui-slidable" aria-expanded="true" id="oa_peer_{{ xblock_id }}" aria-controls="oa_peer_{{ xblock_id }}_content" aria-labeledby="oa_step_title_peer"> <button class="ui-slidable" aria-expanded="true" id="oa_peer_{{ xblock_id }}" aria-controls="oa_peer_{{ xblock_id }}_content" aria-labeledby="oa_step_title_peer">
<span class="icon fa fa-caret-down" aria-hidden="false"/> <span class="icon fa fa-caret-right" aria-hidden="false"/>
</button> </button>
{% endblock %} {% endblock %}
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
{% block button %} {% block button %}
<button class="ui-slidable" aria-expanded="false" id="oa_peer_{{ xblock_id }}" aria-controls="oa_peer_{{ xblock_id }}_content" aria-labeledby="oa_step_title_peer"> <button class="ui-slidable" aria-expanded="false" id="oa_peer_{{ xblock_id }}" aria-controls="oa_peer_{{ xblock_id }}_content" aria-labeledby="oa_step_title_peer">
<span class="icon fa fa-caret-down" aria-hidden="false"/> <span class="icon fa fa-caret-right" aria-hidden="false"/>
</button> </button>
{% endblock %} {% endblock %}
......
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
{% block button %} {% block button %}
<button class="ui-slidable" aria-expanded="true" id="oa_peer_{{ xblock_id }}" aria-controls="oa_peer_{{ xblock_id }}_content" aria-labeledby="oa_step_title_peer"> <button class="ui-slidable" aria-expanded="true" id="oa_peer_{{ xblock_id }}" aria-controls="oa_peer_{{ xblock_id }}_content" aria-labeledby="oa_step_title_peer">
<span class="icon fa fa-caret-down" aria-hidden="false"/> <span class="icon fa fa-caret-right" aria-hidden="false"/>
</button> </button>
{% endblock %} {% endblock %}
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
{% block button %} {% block button %}
<button class="ui-slidable" aria-expanded="true" id="oa_peer_{{ xblock_id }}" aria-controls="oa_peer_{{ xblock_id }}_content" aria-labeledby="oa_step_title_peer"> <button class="ui-slidable" aria-expanded="true" id="oa_peer_{{ xblock_id }}" aria-controls="oa_peer_{{ xblock_id }}_content" aria-labeledby="oa_step_title_peer">
<span class="icon fa fa-caret-down" aria-hidden="false"/> <span class="icon fa fa-caret-right" aria-hidden="false"/>
</button> </button>
{% endblock %} {% endblock %}
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
{% block button %} {% block button %}
<button class="ui-slidable" aria-expanded="true" id="oa_peer_{{ xblock_id }}" aria-controls="oa_peer_{{ xblock_id }}_content" aria-labeledby="oa_step_title_peer"> <button class="ui-slidable" aria-expanded="true" id="oa_peer_{{ xblock_id }}" aria-controls="oa_peer_{{ xblock_id }}_content" aria-labeledby="oa_step_title_peer">
<span class="icon fa fa-caret-down" aria-hidden="false"/> <span class="icon fa fa-caret-right" aria-hidden="false"/>
</button> </button>
{% endblock %} {% endblock %}
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<span> <span>
{% block button %} {% block button %}
<button class="ui-slidable" aria-expanded="true" id="oa_response_{{ xblock_id }}" aria-controls="oa_response_{{ xblock_id }}_content" aria-labeledby="oa_step_title_response"> <button class="ui-slidable" aria-expanded="true" id="oa_response_{{ xblock_id }}" aria-controls="oa_response_{{ xblock_id }}_content" aria-labeledby="oa_step_title_response">
<span class="icon fa fa-caret-down" aria-hidden="false"/> <span class="icon fa fa-caret-right" aria-hidden="false"/>
</button> </button>
{% endblock %} {% endblock %}
</span> </span>
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
{% block button %} {% block button %}
<button class="ui-slidable" aria-expanded="true" id="oa_response_{{ xblock_id }}" aria-controls="oa_response_{{ xblock_id }}_content" aria-labeledby="oa_step_title_response"> <button class="ui-slidable" aria-expanded="true" id="oa_response_{{ xblock_id }}" aria-controls="oa_response_{{ xblock_id }}_content" aria-labeledby="oa_step_title_response">
<span class="icon fa fa-caret-down" aria-hidden="false"/> <span class="icon fa fa-caret-right" aria-hidden="false"/>
</button> </button>
{% endblock %} {% endblock %}
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
{% block button %} {% block button %}
<button class="ui-slidable" aria-expanded="true" id="oa_response_{{ xblock_id }}" aria-controls="oa_response_{{ xblock_id }}_content" aria-labeledby="oa_step_title_response"> <button class="ui-slidable" aria-expanded="true" id="oa_response_{{ xblock_id }}" aria-controls="oa_response_{{ xblock_id }}_content" aria-labeledby="oa_step_title_response">
<span class="icon fa fa-caret-down" aria-hidden="false"/> <span class="icon fa fa-caret-right" aria-hidden="false"/>
</button> </button>
{% endblock %} {% endblock %}
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
{% block button %} {% block button %}
<button class="ui-slidable" aria-expanded="true" id="oa_response_{{ xblock_id }}" aria-controls="oa_response_{{ xblock_id }}_content" aria-labeledby="oa_step_title_response"> <button class="ui-slidable" aria-expanded="true" id="oa_response_{{ xblock_id }}" aria-controls="oa_response_{{ xblock_id }}_content" aria-labeledby="oa_step_title_response">
<span class="icon fa fa-caret-down" aria-hidden="false"/> <span class="icon fa fa-caret-right" aria-hidden="false"/>
</button> </button>
{% endblock %} {% endblock %}
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
{% block button %} {% block button %}
<button class="ui-slidable" aria-expanded="true" id="oa_response_{{ xblock_id }}" aria-controls="oa_response_{{ xblock_id }}_content" aria-labeledby="oa_step_title_response"> <button class="ui-slidable" aria-expanded="true" id="oa_response_{{ xblock_id }}" aria-controls="oa_response_{{ xblock_id }}_content" aria-labeledby="oa_step_title_response">
<span class="icon fa fa-caret-down" aria-hidden="false"/> <span class="icon fa fa-caret-right" aria-hidden="false"/>
</button> </button>
{% endblock %} {% endblock %}
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<span> <span>
{% block button %} {% block button %}
<button class="ui-slidable" aria-expanded="true" id="oa_self_{{ xblock_id }}" aria-controls="oa_self_{{ xblock_id }}_content" aria-labeledby="oa_step_title_self"> <button class="ui-slidable" aria-expanded="true" id="oa_self_{{ xblock_id }}" aria-controls="oa_self_{{ xblock_id }}_content" aria-labeledby="oa_step_title_self">
<span class="icon fa fa-caret-down" aria-hidden="false"/> <span class="icon fa fa-caret-right" aria-hidden="false"/>
</button> </button>
{% endblock %} {% endblock %}
</span> </span>
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
{% block button %} {% block button %}
<button class="ui-slidable" aria-expanded="true" id="oa_self_{{ xblock_id }}" aria-controls="oa_self_{{ xblock_id }}_content" aria-labeledby="oa_step_title_self"> <button class="ui-slidable" aria-expanded="true" id="oa_self_{{ xblock_id }}" aria-controls="oa_self_{{ xblock_id }}_content" aria-labeledby="oa_step_title_self">
<span class="icon fa fa-caret-down" aria-hidden="false"/> <span class="icon fa fa-caret-right" aria-hidden="false"/>
</button> </button>
{% endblock %} {% endblock %}
......
...@@ -39,6 +39,7 @@ ...@@ -39,6 +39,7 @@
.step__deadline { .step__deadline {
color: $heading-color; color: $heading-color;
margin-left: 5px;
} }
// step title/name // step title/name
......
...@@ -174,6 +174,7 @@ ...@@ -174,6 +174,7 @@
.step__deadline { .step__deadline {
@extend %hd-4; @extend %hd-4;
color: $heading-color; color: $heading-color;
margin-left: 5px;
} }
} }
......
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