From e3bf422027e04775ed893bc5d2ca1b1151ac12f7 Mon Sep 17 00:00:00 2001
From: martindholmes <mholmes@uvic.ca>
Date: Sun, 12 Jan 2025 10:57:46 -0800
Subject: [PATCH] Tweak the flex order for small-format devices.

---
 docs/doc_chapters.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/docs/doc_chapters.css b/docs/doc_chapters.css
index 1ae11b1..1768bec 100644
--- a/docs/doc_chapters.css
+++ b/docs/doc_chapters.css
@@ -10,9 +10,12 @@ body.simple{
 
 .tei_front{
     flex: 0 1 30vw;
-    
     font-size:0.95em;
-    
+    @media only screen and (max-width: 768px) {
+        order: 2;
+        width: 100%;
+        flex: auto;
+    }
 }
 
 .tei_front > div {
@@ -39,6 +42,7 @@ div.tei_body{
         max-width: 98vw;
         width: 98vw;
         margin: 0;
+        order: 1;
     }
 }