Move error_message_area, happy_message_area into #right.

It's where they belong!
This commit is contained in:
voussoir 2020-09-29 17:21:50 -07:00
parent 14961d75fd
commit 9533c444a5

View file

@ -30,7 +30,6 @@
#error_message_area #error_message_area
{ {
grid-area: error_message_area;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@ -38,7 +37,6 @@
} }
#happy_message_area #happy_message_area
{ {
grid-area: happy_message_area;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@ -83,8 +81,6 @@
#content_body #content_body
{ {
grid-template: grid-template:
"left error_message_area" auto
"left happy_message_area" auto
"left right" 1fr "left right" 1fr
/ 310px 1fr; / 310px 1fr;
} }
@ -95,8 +91,6 @@
#content_body #content_body
{ {
grid-template: grid-template:
"error_message_area" auto
"happy_message_area" auto
"right" auto "right" auto
"left" auto "left" auto
/ auto; / auto;
@ -344,6 +338,7 @@
</ul> </ul>
{% endif %} {% endif %}
</div> </div>
<div id="right">
<div id="error_message_area"> <div id="error_message_area">
{% for warning in warnings %} {% for warning in warnings %}
<p class="error_message">{{warning}}</p> <p class="error_message">{{warning}}</p>
@ -352,7 +347,6 @@
<div id="happy_message_area"> <div id="happy_message_area">
<p>You got {{results|length}} items.</p> <p>You got {{results|length}} items.</p>
</div> </div>
<div id="right">
{{prev_next_buttons()}} {{prev_next_buttons()}}
<div id="search_results_holder"> <div id="search_results_holder">
{% for result in results %} {% for result in results %}