Fix vertical alignment for description rows in Swagger UI model box (#164)

moskvin · web-flow · commit 0310c055273d · 2026-05-28T12:55:30.000+10:00
* Fix vertical alignment for description rows in Swagger UI model box

* Update CHANGELOG.md to include fix for vertical alignment in Swagger UI model box
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,7 @@
 ### Next Release
 
 * [#158](https://github.com/ruby-grape/grape-swagger-rails/pull/158): Switch yarn to project-local cache so `.pnp.cjs` paths are stable across machines - [@moskvin](https://github.com/moskvin).
+* [#164](https://github.com/ruby-grape/grape-swagger-rails/pull/164): Fix vertical alignment for description rows in swagger ui model box - [@moskvin](https://github.com/moskvin).
 * Your contribution here.
 
 ### 1.0.2 (2026/05/26)
diff --git a/app/assets/stylesheets/grape_swagger_rails/index.css b/app/assets/stylesheets/grape_swagger_rails/index.css
@@ -231,6 +231,7 @@ html[data-theme="dark"] .swagger-ui .model-box {
   border-color: #475569;
 }
 
+.swagger-ui .model-box table.model tr.description > td,
 .swagger-ui .model-box table.model tr.property-row > td {
   vertical-align: baseline;
 }

Original file line number	Diff line number	Diff line change
`@@ -231,6 +231,7 @@ html[data-theme="dark"] .swagger-ui .model-box {`
`231`	`231`	`border-color: #475569;`
`232`	`232`	`}`
`233`	`233`
	`234`	`+.swagger-ui .model-box table.model tr.description > td,`
`234`	`235`	`.swagger-ui .model-box table.model tr.property-row > td {`
`235`	`236`	`vertical-align: baseline;`
`236`	`237`	`}`