From 2ad946df33c62cd8756c46f6231a2cbf4e30b780 Mon Sep 17 00:00:00 2001
From: Rob Dominguez <rob.dominguez@hasura.io>
Date: Tue, 10 Jan 2023 21:18:12 -0600
Subject: [PATCH] docs: update databases index tables styling

[DOCS-475]: https://hasurahq.atlassian.net/browse/DOCS-475?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

PR-URL: https://github.com/hasura/graphql-engine-mono/pull/7479
GitOrigin-RevId: 5a13c93c8dfc492b73f041e3755142272bcdf87b
---
 docs/docs/databases/index.mdx |  6 +++++-
 docs/src/css/custom.scss      | 11 +++++++----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/docs/docs/databases/index.mdx b/docs/docs/databases/index.mdx
index ea7f60e2662..a744e17c8d3 100644
--- a/docs/docs/databases/index.mdx
+++ b/docs/docs/databases/index.mdx
@@ -51,6 +51,8 @@ Each ✅ below links **directly** to the feature within a particular type of dat
 
 #### Schema
 
+<div className="db-tables">
+
 |                      | Postgres                                              | Citus                                                                                                  | SQL Server                                                 | BigQuery                                             | CockroachDB                                                                                    | CosmosDB                                              |
 | -------------------- | ----------------------------------------------------- | ------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ----------------------------------------------------- |
 | Table Relationships  | [✅](/schema/postgres/table-relationships/index.mdx)  | [✅](/schema/postgres/table-relationships/index.mdx)                                                   | [✅](/schema/ms-sql-server/table-relationships/index.mdx)  | [✅](/schema/bigquery/table-relationships/index.mdx) | [✅](/schema/postgres/table-relationships/index.mdx)                                           | [✅](/schema/postgres/table-relationships/index.mdx)  |
@@ -63,7 +65,7 @@ Each ✅ below links **directly** to the feature within a particular type of dat
 | Relay Schema         | [✅](/schema/postgres/relay-schema.mdx)               | [✅](/schema/postgres/relay-schema.mdx)                                                                | ❌                                                         | ❌                                                   | ❌                                                                                             | [✅](/schema/postgres/relay-schema.mdx)               |
 | Naming Conventions   | [✅](/schema/postgres/naming-convention.mdx)          | [❌](/databases/postgres/citus-hyperscale-postgres/hasura-citus-compatibility.mdx/#naming-conventions) | ❌                                                         | ❌                                                   | [❌](/databases/postgres/cockroachdb/hasura-cockroachdb-compatibility.mdx/#naming-conventions) | ❌                                                    |
 | Custom Fields        | [✅](/schema/postgres/custom-field-names.mdx)         | [✅](/schema/postgres/custom-field-names.mdx)                                                          | [✅](/schema/ms-sql-server/custom-field-names.mdx)         | [✅](/schema/bigquery/custom-field-names.mdx)        | [✅](/schema/postgres/custom-field-names.mdx)                                                  | [✅](/schema/postgres/custom-field-names.mdx)         |
-| Default Values       | [✅](/schema/postgres/default-values/index.mdx)       | [✅](/schema/postgres/default-values/index.mdx)                                                        | [✅](/schema/ms-sql-server/default-values/index.mdx)       | ❌                                                   | [✅](/schema/postgres/default-values/index.mdx)                                                | [✅](/schema/postgres/default-values/index.mdx)         |
+| Default Values       | [✅](/schema/postgres/default-values/index.mdx)       | [✅](/schema/postgres/default-values/index.mdx)                                                        | [✅](/schema/ms-sql-server/default-values/index.mdx)       | ❌                                                   | [✅](/schema/postgres/default-values/index.mdx)                                                | [✅](/schema/postgres/default-values/index.mdx)       |
 
 #### Queries
 
@@ -108,6 +110,8 @@ Each ✅ below links **directly** to the feature within a particular type of dat
 | DELETE | [✅](/event-triggers/index.mdx) | [❌](/databases/postgres/citus-hyperscale-postgres/hasura-citus-compatibility.mdx/#event-triggers) | [✅](/event-triggers/index.mdx) | ❌       | [❌](/databases/postgres/cockroachdb/hasura-cockroachdb-compatibility.mdx/#event-triggers) | ❌       |
 | MANUAL | [✅](/event-triggers/index.mdx) | [❌](/databases/postgres/citus-hyperscale-postgres/hasura-citus-compatibility.mdx/#event-triggers) | [✅](/event-triggers/index.mdx) | ❌       | [❌](/databases/postgres/cockroachdb/hasura-cockroachdb-compatibility.mdx/#event-triggers) | ❌       |
 
+</div>
+
 :::info Additional Resources
 
 Get Started with Hasura today -
diff --git a/docs/src/css/custom.scss b/docs/src/css/custom.scss
index 8f8ba288f6b..9f8658d659d 100644
--- a/docs/src/css/custom.scss
+++ b/docs/src/css/custom.scss
@@ -46,9 +46,12 @@
   font-size: 0.9rem;
 }
 
-// Table body fix for longer types and args
-tbody {
-  word-break: break-word;
+.db-tables {
+  table {
+    td:first-child {
+      width: 40%;
+    }
+  }
 }
 
 /* Dark Mode Styles */
@@ -57,4 +60,4 @@ html[data-theme='dark'] {
   .no-shadow {
     background-color: var(--color-gray-0);
   }
-}
\ No newline at end of file
+}