Small edits (#500)

docs/webapp/datasets/webapp_dataset_page.md

@@ -31,8 +31,12 @@ Filter the datasets to find the one you’re looking for more easily. These filt
 
 In Project view, project cards display a project’s summarized dataset information:
 
+<div class="max-w-50">
+
 ![Project card](../../img/webapp_dataset_project_card.png)
 
+</div>
+
 * Project name
 * Number of datasets in project
 * Tags used by datasets in project

docs/webapp/pipelines/webapp_pipeline_page.md

@@ -26,8 +26,12 @@ Filter the pipelines to find the one you’re looking for more easily. These fil
 ## Project Cards
 In Project view, project cards display a project's summarized pipeline information:
 
+<div class="max-w-50">
+
 ![Pipeline project card](../../img/webapp_pipeline_project_card.png)
 
+</div>
+
 Click on a project card to view its pipelines.
 
 

docs/webapp/webapp_projects_page.md

@@ -28,13 +28,13 @@ subprojects. Click on a subproject's name to navigate to it.
 
 ![Subproject tab](../img/webapp_sub_project_card.png)
 
-:::note Hidden Projects
+<Collapsible title="Hidden Projects" type="configuration">
 By default, ClearML infrastructure projects (i.e. dataset, pipeline, reports, application projects) are not shown in the 
 projects page. You can enable viewing them in **Settings > Configuration > User Preferences**. When enabled, all infrastructure projects 
 are labeled with <img src="/docs/latest/icons/ico-ghost.svg" alt="Hidden project" className="icon size-md space-sm" />
 
 ![Hidden project configurtion](../img/settings_hidden_projects.png)
-:::
+</Collapsible>
 
 ### Project Actions
 

docs/webapp/webapp_reports.md

@@ -72,8 +72,12 @@ top-level projects are displayed. Click on a project card to view the project's
 ## Project Cards
 In Project view, project cards display a project’s summarized report information:
 
+<div class="max-w-50">
+
 ![Report project card](../img/webapp_report_project_card.png)
 
+</div>
+
 Click on a project card to view its reports.
 
 ### Report Cards