Skip to content

Commit 1c5c20b

Browse files
committed
Image alignment to match the other images
1 parent e39f980 commit 1c5c20b

File tree

1 file changed

+5
-12
lines changed

1 file changed

+5
-12
lines changed

docs/_snippets/_clickstack_tagging.mdx

Lines changed: 5 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,10 @@ import Image from '@theme/IdealImage';
22
import clickstackTagsSearch from '@site/static/images/use-cases/observability/clickstack-tags-search.png';
33
import clickstackTagsDashboard from '@site/static/images/use-cases/observability/clickstack-tags-dashboard.png';
44

5-
You can add tags to dashboards and saved searches to help organize them. Tags provide a flexible way to categorize and filter based on your needs.
5+
You can add tags to dashboards and saved searches to help organize them.
6+
Tags provide a flexible way to categorize and filter based on your needs.
67

7-
#### How tags work
8+
#### How tags work {#how-tags-work}
89

910
- **Organization**: Tags appear in the left sidebar, where dashboards and saved searches are grouped by their assigned tags
1011
- **Multiple tags**: You can add one or more tags to a single item for better categorization
@@ -13,16 +14,8 @@ You can add tags to dashboards and saved searches to help organize them. Tags pr
1314

1415
This makes it easy to find related items and maintain an organized workspace as your collection grows.
1516

16-
<div style={{display: 'flex', justifyContent: 'flex-start', marginTop: '-20px'}}>
17-
<div style={{maxWidth: '600px'}}>
18-
<Image img={clickstackTagsSearch} alt="Tags in saved search" size="md" border />
19-
</div>
20-
</div>
17+
<Image img={clickstackTagsSearch} alt="Tags in saved search" size="md" border />
2118

2219
You can also select multiple tags to filter and view items across different categories:
2320

24-
<div style={{display: 'flex', justifyContent: 'flex-start', marginTop: '-20px'}}>
25-
<div style={{maxWidth: '600px'}}>
26-
<Image img={clickstackTagsDashboard} alt="Multiple tags selected in dashboard" size="md" border />
27-
</div>
28-
</div>
21+
<Image img={clickstackTagsDashboard} alt="Multiple tags selected in dashboard" size="md" border />

0 commit comments

Comments
 (0)