[openstreetmap/openstreetmap-website] Refactor error layout with small styling enchancments (PR #5130)

Thu Aug 29 18:37:41 UTC 2024

This PR addresses parts of [#3532](https://github.com/openstreetmap/openstreetmap-website/issues/3532) by making the error layout more consistent with the rest of the site's UI.

**Changes:**

- Encapsulated meta tags into the `layouts/head` partial for better organization.
- Applied Bootstrap's `container` class to the `<body>` for a consistent layout.
- Added a `main` element with `mt-4` to improve spacing.
- Introduced a "Home" button with `btn btn-primary` to facilitate easier navigation.

These updates enhance the overall design and user experience of the error pages.

### Screenshots:
#### Before
<img width="1468" alt="Screenshot 2024-08-29 at 20 34 27" src="https://github.com/user-attachments/assets/49d5b06a-d09f-4955-8ab9-f52d9d6706c5">

#### After
<img width="1464" alt="Screenshot 2024-08-29 at 20 35 04" src="https://github.com/user-attachments/assets/105f2d75-0d19-4a47-ae62-60108884d2b1">
<img width="1465" alt="Screenshot 2024-08-29 at 20 35 19" src="https://github.com/user-attachments/assets/5a856faa-7916-4a91-8c50-b1a5797d436f">

You can view, comment on, or merge this pull request online at:

  https://github.com/openstreetmap/openstreetmap-website/pull/5130

-- Commit Summary --

  * Refactor error layout

-- File Changes --

    M app/views/layouts/error.html.erb (21)

-- Patch Links --

https://github.com/openstreetmap/openstreetmap-website/pull/5130.patch
https://github.com/openstreetmap/openstreetmap-website/pull/5130.diff

-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/pull/5130
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/pull/5130 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20240829/7b6d740d/attachment.htm>