From 3e17d164056a5e562186bb0f27d1f23bd4510242 Mon Sep 17 00:00:00 2001
From: AcuGIS <acugis@noreply.localhost>
Date: Thu, 28 Mar 2024 13:56:11 +0000
Subject: [PATCH 1/5] Update docs/source/intro.rst

---
 docs/source/intro.rst | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/source/intro.rst b/docs/source/intro.rst
index 235817a..88394bd 100644
--- a/docs/source/intro.rst
+++ b/docs/source/intro.rst
@@ -1,7 +1,7 @@
 Introduction
 =====
 
- .. image:: images/Quick-Start-Login-2.png
+ .. image:: images/admin-2.png
 
 
 Overview

From da7f924764a8df52f057e5c8c4d63f9c2bbe1e80 Mon Sep 17 00:00:00 2001
From: AcuGIS <acugis@noreply.localhost>
Date: Thu, 28 Mar 2024 13:57:21 +0000
Subject: [PATCH 2/5] Add docs/source/css.rst

---
 docs/source/css.rst | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 docs/source/css.rst

diff --git a/docs/source/css.rst b/docs/source/css.rst
new file mode 100644
index 0000000..8448db8
--- /dev/null
+++ b/docs/source/css.rst
@@ -0,0 +1,19 @@
+.leaflet-popup-content > table img {
+    width: 300px;
+   }
+ .leaflet-popup-content > img { /*for other leaflet maps you can add rule as well*/
+    width: 300px;
+   }
+
+
+   .modal-content {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    width: fit-content;
+    pointer-events: auto;
+    background-clip: padding-box;
+    border-radius: 20px;
+    outline: 0;
+    color: black;
+}
\ No newline at end of file

From 581d7c2d2dff77169c4e2df06566fcb05a174eff Mon Sep 17 00:00:00 2001
From: AcuGIS <acugis@noreply.localhost>
Date: Thu, 28 Mar 2024 14:03:51 +0000
Subject: [PATCH 3/5] Update docs/source/css.rst

---
 docs/source/css.rst | 62 ++++++++++++++++++++++++++++++++-------------
 1 file changed, 45 insertions(+), 17 deletions(-)

diff --git a/docs/source/css.rst b/docs/source/css.rst
index 8448db8..9f8913b 100644
--- a/docs/source/css.rst
+++ b/docs/source/css.rst
@@ -1,19 +1,47 @@
-.leaflet-popup-content > table img {
-    width: 300px;
-   }
- .leaflet-popup-content > img { /*for other leaflet maps you can add rule as well*/
-    width: 300px;
-   }
+CSS
+=======
 
 
-   .modal-content {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    width: fit-content;
-    pointer-events: auto;
-    background-clip: padding-box;
-    border-radius: 20px;
-    outline: 0;
-    color: black;
-}
\ No newline at end of file
+Quartz provides CSS overrides at map level.
+
+To override the default CSS, enter your CSS into the Map CSS box on the map edit page.
+
+
+Example: Image Sizing
+--------------------------------
+
+To change pop-up image sizing, you can use something like below.
+
+.. code-block:: css
+
+  .leaflet-popup-content > table img {width: 300px;}
+  .leaflet-popup-content > img { width: 300px;}
+
+
+Example: Modal Info Box
+------------------------------------------
+
+To change Modal Info Box, you can use something like below.
+
+.. code-block:: css
+
+  .modal-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: fit-content;
+  pointer-events: auto;
+  background-clip: padding-box;
+  border-radius: 20px;
+  outline: 0;
+  background-color: cadetblue;
+  color: #fff;
+  }
+
+
+
+There is no need to add "!important" to CSS elements as map.css is loaded last and has precendence.
+
+
+
+  
\ No newline at end of file

From 2c5adadd35678a288e82caac1fedb0e29e169b37 Mon Sep 17 00:00:00 2001
From: AcuGIS <acugis@noreply.localhost>
Date: Thu, 28 Mar 2024 14:04:17 +0000
Subject: [PATCH 4/5] Update docs/source/index.rst

---
 docs/source/index.rst | 1 +
 1 file changed, 1 insertion(+)

diff --git a/docs/source/index.rst b/docs/source/index.rst
index ee00f64..bacba40 100644
--- a/docs/source/index.rst
+++ b/docs/source/index.rst
@@ -20,6 +20,7 @@ Contents
    users
    groups
    maps
+   css
    permalinks
    frontend
 

From 75b2778e8223d3c80ec45b31d8f82fe6aebe5838 Mon Sep 17 00:00:00 2001
From: AcuGIS <acugis@noreply.localhost>
Date: Thu, 28 Mar 2024 14:06:16 +0000
Subject: [PATCH 5/5] Update docs/source/css.rst

---
 docs/source/css.rst | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/docs/source/css.rst b/docs/source/css.rst
index 9f8913b..9a00ea2 100644
--- a/docs/source/css.rst
+++ b/docs/source/css.rst
@@ -7,6 +7,9 @@ Quartz provides CSS overrides at map level.
 To override the default CSS, enter your CSS into the Map CSS box on the map edit page.
 
 
+   .. image:: images/CSS.png
+
+
 Example: Image Sizing
 --------------------------------