diff --git a/app/assets/javascripts/admin/templates/components/admin-report.hbs b/app/assets/javascripts/admin/templates/components/admin-report.hbs
index b8a7c41144f..716a893fe0b 100644
--- a/app/assets/javascripts/admin/templates/components/admin-report.hbs
+++ b/app/assets/javascripts/admin/templates/components/admin-report.hbs
@@ -68,13 +68,13 @@
{{else}}
{{d-icon "pie-chart"}}
- {{i18n 'admin.dashboard.reports.no_data'}}
+ {{i18n 'admin.dashboard.reports.no_data'}}
{{/if}}
{{else}}
{{#if showTimeoutError}}
- {{i18n "admin.dashboard.timeout_error"}}
+ {{i18n "admin.dashboard.timeout_error"}}
{{/if}}
diff --git a/app/assets/javascripts/admin/templates/reports-show.hbs b/app/assets/javascripts/admin/templates/reports-show.hbs
index d595ff46e9f..899a8ebd9e7 100644
--- a/app/assets/javascripts/admin/templates/reports-show.hbs
+++ b/app/assets/javascripts/admin/templates/reports-show.hbs
@@ -1,11 +1,7 @@
-
-
- {{admin-report
- showAllReportsLink=true
- dataSourceName=model.type
- filters=filters
- reportOptions=reportOptions
- showFilteringUI=true
- onRefresh=(action "onParamsChange")}}
-
-
+{{admin-report
+ showAllReportsLink=true
+ dataSourceName=model.type
+ filters=filters
+ reportOptions=reportOptions
+ showFilteringUI=true
+ onRefresh=(action "onParamsChange")}}
diff --git a/app/assets/stylesheets/common/admin/admin_report.scss b/app/assets/stylesheets/common/admin/admin_report.scss
index 492b6febca6..96709f07777 100644
--- a/app/assets/stylesheets/common/admin/admin_report.scss
+++ b/app/assets/stylesheets/common/admin/admin_report.scss
@@ -6,6 +6,7 @@
align-self: flex-start;
text-align: center;
padding: 3em;
+ box-sizing: border-box;
}
.report-error {
@@ -26,8 +27,9 @@
}
}
- .conditional-loading-section {
- width: 100%;
+ .conditional-loading-section.is-loading {
+ flex: 1;
+ margin: 0.5em 0;
}
.report-header {
diff --git a/app/assets/stylesheets/mobile.scss b/app/assets/stylesheets/mobile.scss
index 9d3312c99a3..e7330a79f6b 100644
--- a/app/assets/stylesheets/mobile.scss
+++ b/app/assets/stylesheets/mobile.scss
@@ -22,6 +22,7 @@
@import "mobile/ring";
@import "mobile/group";
@import "mobile/groups";
+@import "mobile/admin_reports";
@import "mobile/admin_report";
@import "mobile/admin_report_table";
diff --git a/app/assets/stylesheets/mobile/admin_reports.scss b/app/assets/stylesheets/mobile/admin_reports.scss
new file mode 100644
index 00000000000..210d4e33fdb
--- /dev/null
+++ b/app/assets/stylesheets/mobile/admin_reports.scss
@@ -0,0 +1,24 @@
+.admin-reports {
+ .admin-report {
+ .report-body {
+ flex-direction: column;
+
+ .report-filters {
+ order: 0;
+ margin: 0;
+ }
+
+ .alert {
+ margin: 0;
+ order: 1;
+ flex: 1;
+ padding: 1em;
+ }
+
+ .admin-report-table,
+ .admin-report-chart {
+ order: 2;
+ }
+ }
+ }
+}