Sync rules flow improvements

Author: benitav

integration-guides/flutterflow-+-powersync.mdx

@@ -99,9 +99,14 @@ This guide walks you through building a basic item management app from scratch a
                - SELECT * FROM lists
    ```
 
-For additional information on PowerSync's Sync Rules, refer to the [Sync Rules](/usage/sync-rules) documentation.
+3. In the top right, click **"Validate sync rules"** and ensure there are no errors. This validates your sync rules against your Postgres database.
+4. In the top right, click **"Deploy sync rules"** and select your instance.
+5. Confirm in the dialog and wait a couple of minutes for the deployment to complete.
 
-If you're wondering how Sync Rules relate to Supabase Postgres [RLS](https://supabase.com/docs/guides/auth/row-level-security), see [this subsection](/integration-guides/supabase-+-powersync/rls-and-sync-rules).
+<Tip>
+- For additional information on PowerSync's Sync Rules, refer to the [Sync Rules](/usage/sync-rules) documentation.
+- If you're wondering how Sync Rules relate to Supabase Postgres [RLS](https://supabase.com/docs/guides/auth/row-level-security), see [this subsection](/integration-guides/supabase-+-powersync/rls-and-sync-rules).
+</Tip>
 
 ## Initialize Your FlutterFlow Project
 

integration-guides/supabase-+-powersync.mdx

@@ -122,13 +122,13 @@ create publication powersync for table public.lists, public.todos;
 
 [Sync Rules](/usage/sync-rules) allow developers to control which data gets synced to which user devices using a SQL-like syntax in a YAML file. For the demo app, we're going to specify that each user can only see their own to-do lists and list items.
 
-1\. To update your sync rules, open the `sync-rules.yaml` file.
+1. To update your sync rules, open the `sync-rules.yaml` file.
 
 <Frame>
   <img src="/images/integration-5.png" />
 </Frame>
 
-1. Replace the `sync-rules.yaml` file's contents with the below:
+2. Replace the `sync-rules.yaml` file's contents with the below:
 
 ```yaml
 bucket_definitions:
@@ -140,16 +140,14 @@ bucket_definitions:
       - select * from todos where list_id = bucket.list_id
 ```
 
-1. In the top right, click **"Validate sync rules"** and ensure there are no errors. This validates your sync rules against your Postgres database.
-2. In the top right, click **"Deploy sync rules"** and select your Instance
-<Frame>
-  <img src="/images/integration-6.png" width="60%"/>
-</Frame>
-3. Confirm in the dialog and wait a couple of minutes for the deployment to complete.
-
-For additional information on PowerSync's sync rules, refer to the [Sync Rules](/usage/sync-rules) documentation.
+3. In the top right, click **"Validate sync rules"** and ensure there are no errors. This validates your sync rules against your Postgres database.
+4. In the top right, click **"Deploy sync rules"** and select your instance.
+5. Confirm in the dialog and wait a couple of minutes for the deployment to complete.
 
-If you're wondering how Sync Rules relate to Supabase Postgres [RLS](https://supabase.com/docs/guides/auth/row-level-security), see [this subsection](/integration-guides/supabase-+-powersync/rls-and-sync-rules).
+<Tip>
+- For additional information on PowerSync's Sync Rules, refer to the [Sync Rules](/usage/sync-rules) documentation.
+- If you're wondering how Sync Rules relate to Supabase Postgres [RLS](https://supabase.com/docs/guides/auth/row-level-security), see [this subsection](/integration-guides/supabase-+-powersync/rls-and-sync-rules). 
+</Tip>
 
 ## Test Everything (Using Our Demo App)