From 7a458c44658204edf11b0b29edbe810cec1a4d6b Mon Sep 17 00:00:00 2001
From: Saqib Ansari <nextchamp.saqib@gmail.com>
Date: Wed, 11 Dec 2024 12:36:53 +0530
Subject: [PATCH] chore: move screenshots section

---
 README.md | 38 ++++++++++++++++++--------------------
 1 file changed, 18 insertions(+), 20 deletions(-)

diff --git a/README.md b/README.md
index 022c1608..13b84ab0 100644
--- a/README.md
+++ b/README.md
@@ -16,16 +16,23 @@
 </div>
 <br />
 <div align="center">
-	<a href="https://insightsdemo.frappe.cloud">Live Demo</a>
-	-
-	<a href="https://frappe.io/insights">Website</a>
-	-
-	<a href="https://docs.frappe.io/insights">Documentation</a>
+    <a href="https://insightsdemo.frappe.cloud">Live Demo</a>
+    -
+    <a href="https://frappe.io/insights">Website</a>
+    -
+    <a href="https://docs.frappe.io/insights">Documentation</a>
 </div>
 
 ## Frappe Insights
 Insights is a 100% open-source BI tool designed to make data analysis and reporting more accessible to technical as well as non-technical users.
 
+<details>
+<summary>Screenshots</summary>
+
+![Query Builder](.github/query-builder.png)
+![Query Builder](.github/join-editor.png)
+![Chart Builder](.github/chart-builder.png)
+</details>
 
 ## Motivation
 Building custom apps or creating structured data has been very easy with Frappe Framework. However, extracting information from these apps was not a very good experience. Users needed to know how to write SQL queries to create reports to gain valuable information from the data. So I wanted to improve the experience of building these reports and dashboards for everyone in our team.
@@ -41,15 +48,6 @@ Building custom apps or creating structured data has been very easy with Frappe
 - **Database Support**: Frappe Insights currently supports MySQL, PostgreSQL, DuckDB, and BigQuery databases. More database integrations are planned for the future.
 
 
-<details>
-<summary>Screenshots</summary>
-
-![Query Builder](.github/query-builder.png)
-![Query Builder](.github/join-editor.png)
-![Chart Builder](.github/chart-builder.png)
-</details>
-
-
 ## Under the Hood
 
 - [**Frappe Framework**](https://github.com/frappe/frappe): A full-stack web application framework written in Python and Javascript. The framework provides a robust foundation for building web applications, including a database abstraction layer, user authentication, and a REST API.
@@ -70,12 +68,12 @@ You can try [Frappe Cloud](https://frappecloud.com), a simple, user-friendly and
 It takes care of installation, setup, upgrades, monitoring, maintenance and support of your Frappe deployments. It is a fully featured developer platform with an ability to manage and control multiple Frappe deployments.
 
 <div>
-	<a href="https://frappecloud.com/insights/signup" target="_blank">
-		<picture>
-			<source media="(prefers-color-scheme: dark)" srcset="https://frappe.io/files/try-on-fc-white.png">
-			<img src="https://frappe.io/files/try-on-fc-black.png" alt="Try on Frappe Cloud" height="28" />
-		</picture>
-	</a>
+    <a href="https://frappecloud.com/insights/signup" target="_blank">
+        <picture>
+            <source media="(prefers-color-scheme: dark)" srcset="https://frappe.io/files/try-on-fc-white.png">
+            <img src="https://frappe.io/files/try-on-fc-black.png" alt="Try on Frappe Cloud" height="28" />
+        </picture>
+    </a>
 </div>
 
 ### Self Hosting