analytics: Adjust width and margin CSS for activity pages.

templates/analytics/activity.html

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

templates/analytics/activity_details_template.html

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

templates/analytics/ad_hoc_query.html

@@ -5,9 +5,9 @@
 {% endif %}
 
 {{ 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>
             {% for col in data.cols %}
             <th>{{ col }}</th>

templates/analytics/realm_summary_table.html

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

web/styles/portico/activity.css

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