Response Headers Title is Rendered Below Actual Headers

[tbrunia]

I'm using the React component version: 2.0.0-alpha.20. The response header title is appearing below the response headers.

I think my Open API response is well structured...

...
        "responses": {
          "204": {
            "description": "Successful operation",
            "headers": {
              "Access-Control-Allow-Origin": {
                "schema": {
                  "type": "string"
                }
              },
              "Location": {
                "schema": {
                  "type": "string"
                },
                "description": "A url pointing to the location of the created or updated thing. Can be used to retrieve the thing."
              }
            },
...
          }
        },
...

Live example:
https://beta.docs.xilution.com/elements/data-accessor
Select Things > Create or Update a Thing > 204 Successful operation

[RomanHotsiy]

It seems to be caused by https://stackpath.bootstrapcdn.com/bootstrap/scss/_reboot.scss used in your site. It sets css caption-side: bottom; for all the tables (I've never known about this css rule before 😯)

I will add fix for this into ReDoc but a quick workaround would be to add the following css to your site css:

.redoc-wrap table caption {
  caption-side: top;
}

[tbrunia]

Thanks!