Chore: Improve UI responsiveness, specifically for smaller screen sizes

docs/_include/links.md

@@ -14,7 +14,7 @@
 [cloud-datashader-colab]: https://colab.research.google.com/github/crate/cratedb-examples/blob/amo/cloud-datashader/topic/timeseries/explore/cloud-datashader.ipynb
 [cloud-datashader-github]: https://github.com/crate/cratedb-examples/blob/amo/cloud-datashader/topic/timeseries/explore/cloud-datashader.ipynb
 [CTE]: inv:crate-reference#sql_dql_with
-[CrateDB BLOBs]: inv:crate-reference:*:label#blob_support
+[CrateDB BLOB support]: inv:crate-reference:*:label#blob_support
 [CrateDB Cloud]: inv:cloud:*:label#index
 [CrateDB Cloud Console]: https://console.cratedb.cloud/
 [CrateDB Examples]: https://github.com/crate/cratedb-examples

docs/connect/drivers.md

@@ -305,7 +305,7 @@ For connecting to CrateDB from PHP, using DBAL and Doctrine.
 [CrateDB Python driver](https://cratedb.com/docs/python/)
 ```
 ```{sd-item}
-For connecting to CrateDB from Python. Has support for [CrateDB BLOBs].
+For connecting to CrateDB from Python. Provides [CrateDB BLOB support].
 ```
 ```{sd-item}
 [![](https://img.shields.io/github/v/tag/crate/crate-python?label=latest)](https://github.com/crate/crate-python)

docs/connect/index.md

@@ -20,8 +20,8 @@ please learn about typical connection URI formats for CrateDB and its
 default client applications.
 
 :::::{grid} 2 2 2 3
+:gutter: 3
 :padding: 0
-:gutter: 4
 
 ::::{grid-item-card} {material-outlined}`link;2em` General information
 :link: connect-configure
@@ -46,14 +46,13 @@ Use CLI programs or database IDEs to connect to CrateDB.
 CrateDB drivers and adapters for supported programming languages, frameworks, and environments.
 
 :::::{grid} 2 2 2 4
-:margin: 4 4 0 0
+:gutter: 3
 :padding: 0
 
 ::::{grid-item-card} Java
 :link: connect-java
 :link-type: ref
 :link-alt: Connect to CrateDB using Java
-:padding: 3
 :text-align: center
 :class-card: sd-pt-3
 :class-body: sd-fs-1
@@ -65,7 +64,6 @@ CrateDB drivers and adapters for supported programming languages, frameworks, an
 :link: connect-javascript
 :link-type: ref
 :link-alt: Connect to CrateDB using JavaScript
-:padding: 3
 :text-align: center
 :class-card: sd-pt-3
 :class-body: sd-fs-1
@@ -77,7 +75,6 @@ CrateDB drivers and adapters for supported programming languages, frameworks, an
 :link: connect-php
 :link-type: ref
 :link-alt: Connect to CrateDB using PHP
-:padding: 3
 :text-align: center
 :class-card: sd-pt-3
 :class-body: sd-fs-1
@@ -89,7 +86,6 @@ CrateDB drivers and adapters for supported programming languages, frameworks, an
 :link: connect-python
 :link-type: ref
 :link-alt: Connect to CrateDB using Python
-:padding: 3
 :text-align: center
 :class-card: sd-pt-3
 :class-body: sd-fs-1
@@ -101,7 +97,6 @@ CrateDB drivers and adapters for supported programming languages, frameworks, an
 :link: connect-ruby
 :link-type: ref
 :link-alt: Connect to CrateDB using Ruby
-:padding: 3
 :text-align: center
 :class-card: sd-pt-3
 :class-body: sd-fs-1
@@ -140,27 +135,26 @@ protocol.
 :::{rubric} Further reading
 :::
 
-:::::{grid} 1 3 3 3
-:margin: 4 4 0 0
-:padding: 0
+:::::{grid}
 :gutter: 2
+:padding: 0
 
 ::::{grid-item-card} {material-outlined}`article;1.5em` Documentation
-:columns: 3
+:columns: 12 6 3 3
 - [HTTP interface]
 - [PostgreSQL interface]
 ::::
 
 ::::{grid-item-card} {material-outlined}`link;1.5em` Related
-:columns: 3
+:columns: 12 6 3 3
 - [Authentication]
 - [SQL query syntax]
 - [Bulk operations]
-- [BLOB support][CrateDB BLOBs]
+- [BLOB support][CrateDB BLOB support]
 ::::
 
 ::::{grid-item-card} {material-outlined}`read_more;1.5em` Read more
-:columns: 6
+:columns: 12 12 6 6
 - {ref}`All drivers <connect-drivers>`
 - {ref}`All integrations <integrate>`
 - {ref}`Ingestion methods <ingest>`

docs/feature/ccr/index.md

@@ -88,14 +88,14 @@ LEFT JOIN pg_subscription_rel r ON s.oid = r.srsubid;
 
 Learn how to set up logical replication between CrateDB clusters.
 
-::::{grid} 2 2 2 2
+::::{grid} 1 2 2 2
+:gutter: 2
 :padding: 0
 
 :::{grid-item-card}
 :link: logical-replication-setup
 :link-type: ref
 :link-alt: Logical replication setup between CrateDB clusters
-:padding: 3
 :class-header: sd-text-center sd-fs-5 sd-align-minor-center sd-font-weight-bold
 :class-body: sd-text-center2 sd-fs2-5
 :class-footer: text-smaller
@@ -111,7 +111,6 @@ How to configure logical replication on standalone clusters.
 :link: cloud:logical-replication
 :link-type: ref
 :link-alt: Logical replication setup on CrateDB Cloud
-:padding: 3
 :class-header: sd-text-center sd-fs-5 sd-align-minor-center sd-font-weight-bold
 :class-body: sd-text-center2 sd-fs2-5
 :class-footer: text-smaller

docs/feature/cluster/index.md

@@ -131,14 +131,14 @@ partitioning strategies. Learn about the details of shard allocation, that
 will support you to choose the right strategy for your data and your most
 prominent types of workloads.
 
-::::{grid} 2 2 2 2
+::::{grid} 1 2 2 2
+:gutter: 2
 :padding: 0
 
 :::{grid-item-card}
 :link: sharding-partitioning
 :link-type: ref
 :link-alt: Sharding and Partitioning
-:padding: 3
 :class-header: sd-text-center sd-fs-5 sd-align-minor-center sd-font-weight-bold
 :class-body: sd-text-center2 sd-fs2-5
 :class-footer: text-smaller
@@ -156,7 +156,6 @@ presenting best practices and examples.
 :link: sharding-performance
 :link-type: ref
 :link-alt: Sharding and Partitioning
-:padding: 3
 :class-header: sd-text-center sd-fs-5 sd-align-minor-center sd-font-weight-bold
 :class-body: sd-text-center2 sd-fs2-5
 :class-footer: text-smaller
@@ -172,7 +171,6 @@ Guidelines about balancing your strategy to yield the best performance for your
 :::{grid-item-card}
 :link: https://community.cratedb.com/t/sharding-and-partitioning-guide-for-time-series-data/737
 :link-alt: Sharding and partitioning guide for time series data
-:padding: 3
 :class-header: sd-text-center sd-fs-5 sd-align-minor-center sd-font-weight-bold
 :class-body: sd-text-center2 sd-fs2-5
 :class-footer: text-smaller

docs/handbook/index.md

@@ -7,14 +7,14 @@ About using CrateDB and CrateDB Cloud in practice.
 :::
 
 
-::::{grid} 4
+::::{grid} 2 2 4 4
+:gutter: 2
 :padding: 0
 
 :::{grid-item-card} Getting Started
 :link: getting-started
 :link-type: ref
 :link-alt: Getting started with CrateDB
-:padding: 1
 :text-align: center
 :class-card: sd-pt-3
 :class-body: sd-fs-1
@@ -26,7 +26,6 @@ About using CrateDB and CrateDB Cloud in practice.
 :link: install
 :link-type: ref
 :link-alt: Installing CrateDB
-:padding: 1
 :text-align: center
 :class-card: sd-pt-3
 :class-body: sd-fs-1
@@ -38,7 +37,6 @@ About using CrateDB and CrateDB Cloud in practice.
 :link: connect
 :link-type: ref
 :link-alt: Connecting to CrateDB
-:padding: 1
 :text-align: center
 :class-card: sd-pt-3
 :class-body: sd-fs-1
@@ -53,14 +51,14 @@ About using CrateDB and CrateDB Cloud in practice.
 
 How-to guides, tutorials, and explanations.
 
-::::{grid} 4
+::::{grid} 2 2 4 4
+:gutter: 2
 :padding: 0
 
 :::{grid-item-card} How-to guides
 :link: howtos
 :link-type: ref
 :link-alt: How-to guides about CrateDB
-:padding: 1
 :text-align: center
 :class-card: sd-pt-3
 :class-body: sd-fs-1
@@ -72,7 +70,6 @@ How-to guides, tutorials, and explanations.
 :link: tutorials
 :link-type: ref
 :link-alt: Tutorials about CrateDB
-:padding: 1
 :text-align: center
 :class-card: sd-pt-3
 :class-body: sd-fs-1
@@ -84,7 +81,6 @@ How-to guides, tutorials, and explanations.
 :link: administration
 :link-type: ref
 :link-alt: CrateDB Administration
-:padding: 1
 :text-align: center
 :class-card: sd-pt-3
 :class-body: sd-fs-1
@@ -96,7 +92,6 @@ How-to guides, tutorials, and explanations.
 :link: performance
 :link-type: ref
 :link-alt: CrateDB Performance guides
-:padding: 1
 :text-align: center
 :class-card: sd-pt-3
 :class-body: sd-fs-1
@@ -112,45 +107,40 @@ How-to guides, tutorials, and explanations.
 :::{rubric} Highlights
 :::
 
-::::{grid} 1 2 3 3
+::::{grid} 2 2 3 3
+:gutter: 2
 :padding: 0
 
 :::{grid-item-card} Document Store
 :link: document
 :link-type: ref
 :link-alt: Storing JSON documents using CrateDB's `OBJECT` data type
-:padding: 3
 :text-align: center
 :class-card: sd-pt-3
 :class-body: sd-fs-1
 :class-title: sd-fs-5
-
 {material-outlined}`article;1.3em`
 :::
 
 :::{grid-item-card} Search
 :link: search-overview
 :link-type: ref
 :link-alt: About CrateDB's search capabilities
-:padding: 3
 :text-align: center
 :class-card: sd-pt-3
 :class-body: sd-fs-1
 :class-title: sd-fs-5
-
 {material-outlined}`manage_search;1.3em`
 :::
 
 :::{grid-item-card} Advanced Querying
 :link: advanced-querying
 :link-type: ref
 :link-alt: About CrateDB's advanced querying capabilities
-:padding: 3
 :text-align: center
 :class-card: sd-pt-3
 :class-body: sd-fs-1
 :class-title: sd-fs-5
-
 {material-outlined}`engineering;1.3em`
 :::
 
@@ -174,45 +164,40 @@ Read about all features of CrateDB at a glance.
 
 Load data from many sources into CrateDB.
 
-::::{grid} 1 2 3 3
+::::{grid} 2 2 3 3
+:gutter: 2
 :padding: 0
 
 :::{grid-item-card} ETL
 :link: etl
 :link-type: ref
 :link-alt: Load and export data into/from CrateDB
-:padding: 3
 :text-align: center
 :class-card: sd-pt-3
 :class-body: sd-fs-1
 :class-title: sd-fs-5
-
 {material-outlined}`transform;1.3em`
 :::
 
 :::{grid-item-card} CDC
 :link: cdc
 :link-type: ref
 :link-alt: Change Data Capture (CDC) into CrateDB
-:padding: 3
 :text-align: center
 :class-card: sd-pt-3
 :class-body: sd-fs-1
 :class-title: sd-fs-5
-
 {material-outlined}`double_arrow;1.3em`
 :::
 
 :::{grid-item-card} Telemetry
 :link: telemetry
 :link-type: ref
 :link-alt: Use CrateDB with metrics collection agents, brokers, and stores
-:padding: 3
 :text-align: center
 :class-card: sd-pt-3
 :class-body: sd-fs-1
 :class-title: sd-fs-5
-
 {material-outlined}`query_stats;1.3em`
 :::
 
@@ -222,9 +207,8 @@ Load data from many sources into CrateDB.
 ## Solutions and topics
 
 ::::{grid} 1 2 2 2
-:margin: 4 4 0 0
-:padding: 0
 :gutter: 2
+:padding: 0
 
 :::{grid-item-card} {material-outlined}`lightbulb;2em` Solutions and use cases
 :link: solutions