From f9eb687580761e4eff6f69e794a10492482235cd Mon Sep 17 00:00:00 2001
From: Steven Ayers <steven.ayers@portlandwebworks.com>
Date: Fri, 18 Apr 2025 13:47:45 -0500
Subject: [PATCH] Issue #3516107 by bluegeek9: Use grid for reports

---
 .gitlab-ci.yml   |  1 -
 README.md        |  1 +
 css/report.css   |  9 ++++++++-
 docs/coverage.md |  1 +
 docs/index.md    |  1 +
 mkdocs.yml       | 16 ++++++++++++++++
 6 files changed, 27 insertions(+), 2 deletions(-)
 create mode 100644 docs/coverage.md
 create mode 100644 docs/index.md
 create mode 100644 mkdocs.yml

diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index b9d2a663..b70fc8c8 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -106,7 +106,6 @@ pages:
   needs:
     - job: phpunit (coverage)
   before_script:
-    - cp $CI_PROJECT_DIR/README.md $CI_PROJECT_DIR/docs/index.md
     - cp -R $CI_PROJECT_DIR/coverage $CI_PROJECT_DIR/docs/coverage
 
 phpunit:
diff --git a/README.md b/README.md
index abaea4a4..982ab7ee 100644
--- a/README.md
+++ b/README.md
@@ -56,6 +56,7 @@ git clone git@git.drupal.org:project/visitors.git
 cd visitors
 ddev config --project-type=drupal --docroot=web --php-version=8.3 --corepack-enable --project-name=visitors
 ddev add-on get ddev/ddev-drupal-contrib
+ddev add-on get ddev/ddev-selenium-standalone-chrome
 ddev start
 ddev poser
 ddev symlink-project
diff --git a/css/report.css b/css/report.css
index 48ddbed9..aae96c77 100644
--- a/css/report.css
+++ b/css/report.css
@@ -1,6 +1,13 @@
 .visitors-main .layout-row {
   display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
 }
 .visitors-main .layout-column--half.views-element-container {
-  display: table-cell;
+  flex: 1 1 45%;
+}
+@media (max-width: 768px) {
+  .visitors-main .layout-column--half.views-element-container {
+    flex: 1 1 100%; /* stack columns on smaller screens */
+  }
 }
diff --git a/docs/coverage.md b/docs/coverage.md
new file mode 100644
index 00000000..ac5ea553
--- /dev/null
+++ b/docs/coverage.md
@@ -0,0 +1 @@
+<iframe src="coverage/index.html"></iframe>
\ No newline at end of file
diff --git a/docs/index.md b/docs/index.md
new file mode 100644
index 00000000..32d46ee8
--- /dev/null
+++ b/docs/index.md
@@ -0,0 +1 @@
+../README.md
\ No newline at end of file
diff --git a/mkdocs.yml b/mkdocs.yml
new file mode 100644
index 00000000..f44d6634
--- /dev/null
+++ b/mkdocs.yml
@@ -0,0 +1,16 @@
+site_name: Visitors
+theme:
+  name: material
+  logo: logo.png
+  favicon: logo.png
+  features:
+    - navigation.footer
+    - navigation.instant
+
+nav:
+  - Home: index.md
+  - Code Coverage: coverage.md
+
+repo_url: https://git.drupalcode.org/project/visitors
+extra:
+  generator: false
-- 
GitLab