From 960ecae861952cef23eb13b8928db800055d0876 Mon Sep 17 00:00:00 2001
From: Gazook89 <John.W.Jones89@gmail.com>
Date: Fri, 23 Aug 2024 14:29:52 -0500
Subject: [PATCH] setup styles for different view modes

added styles for different modes-- basically a grid for 'facing' and flex for 'flow'.
---
 .../homebrew/brewRenderer/brewRenderer.less   | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/client/homebrew/brewRenderer/brewRenderer.less b/client/homebrew/brewRenderer/brewRenderer.less
index 3be34caad..ee8ac1e7e 100644
--- a/client/homebrew/brewRenderer/brewRenderer.less
+++ b/client/homebrew/brewRenderer/brewRenderer.less
@@ -6,14 +6,31 @@
 	padding-block : 30px;
 
 	:where(.pages) {
-		margin : 30px 0px;
+		margin : 30px 30px;
 
-		&.book-mode {
+		&.facing {
 			display: grid; 
 			grid-template-columns: repeat(2, auto); 
 			grid-template-rows: repeat(3, auto); 
 			gap: 10px 10px; 
 			justify-content: center;
+			& .page:first-child {
+				// sets first page on 'right' ('recto') of the preview, as if for a Cover page.  
+				// todo: add a checkbox to toggle this setting
+				grid-column-start: 2; 
+			}
+		}
+
+		&.flow {
+			display: flex;
+			flex-wrap: wrap;
+			gap: 10px;
+			justify-content: start;
+			& .page {
+				margin-left: unset;
+				margin-right: unset;
+			}
+
 		}
 
 		& > :where(.page) {