analytics: Adjust width and margin CSS for activity pages.

This commit is contained in:
Lauryn Menard
2023-11-29 19:33:25 +01:00
committed by Tim Abbott
parent 26168728ca
commit 81a5977a6e
5 changed files with 16 additions and 16 deletions

View File

@@ -8,7 +8,7 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div class="activity-page">
<a class="show-all" href="/activity">Home</a> <a class="show-all" href="/activity">Home</a>
<br /> <br />
<h4>{{ title }} {% if realm_stats_link %}{{ realm_stats_link }}{% endif %}</h4> <h4>{{ title }} {% if realm_stats_link %}{{ realm_stats_link }}{% endif %}</h4>
@@ -28,5 +28,5 @@
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
</div>
{% endblock %} {% endblock %}

View File

@@ -9,14 +9,14 @@
{% block content %} {% block content %}
<div class="activity-page">
{% if not is_home %} {% if not is_home %}
<a class="show-all" href="/activity">Home</a> <a class="show-all" href="/activity">Home</a>
<br /> <br />
{% endif %} {% endif %}
<div class="container"> <div>
{{ data|safe }} {{ data|safe }}
</div> </div>
</div>
{% endblock %} {% endblock %}

View File

@@ -5,9 +5,9 @@
{% endif %} {% endif %}
{{ data.rows|length}} rows {{ data.rows|length}} rows
<table class="table sortable table-striped table-bordered analytics_table"> <table class="table sortable table-striped table-bordered analytics-table">
<thead class="activity_head"> <thead class="activity-head">
<tr> <tr>
{% for col in data.cols %} {% for col in data.cols %}
<th>{{ col }}</th> <th>{{ col }}</th>

View File

@@ -31,7 +31,7 @@
<table class="table summary-table sortable table-striped table-bordered"> <table class="table summary-table sortable table-striped table-bordered">
<thead class="activity_head"> <thead class="activity-head">
<tr> <tr>
<th>Realm</th> <th>Realm</th>
<th>Created (green if ≤12wk)</th> <th>Created (green if ≤12wk)</th>

View File

@@ -1,4 +1,8 @@
.activity_head { .activity-page {
margin: 10px;
}
.activity-head {
background-color: hsl(208deg 100% 97%); background-color: hsl(208deg 100% 97%);
} }
@@ -15,13 +19,13 @@
} }
.summary-table, .summary-table,
.analytics_table { .analytics-table {
border: 1px solid hsl(0deg 0% 87%); border: 1px solid hsl(0deg 0% 87%);
border-collapse: separate; border-collapse: separate;
border-left: 0; border-left: 0;
border-radius: 4px; border-radius: 4px;
border-spacing: 0; border-spacing: 0;
width: 100%; margin: 0 10px;
& th, & th,
td { td {
@@ -36,6 +40,7 @@
th { th {
vertical-align: bottom; vertical-align: bottom;
padding: 8px; padding: 8px;
max-width: fit-content;
} }
td { td {
@@ -69,11 +74,6 @@
} }
} }
.summary-table {
width: auto;
margin: 0 auto;
}
tr.admin td:first-child { tr.admin td:first-child {
font-weight: bold; font-weight: bold;
color: hsl(240deg 100% 50%); color: hsl(240deg 100% 50%);