prompt: We are currently solving the following issue within our repository. Here is the issue text:
  --- BEGIN ISSUE ---
  Visual quirk in the login failure message
  ### Describe the bug
  When you fail to log in on desktop (or probably any wider screen) the message saying this shows up on the left and the login fields are offset to the right. I would expect the message to appear on top, while the login fields were to stay in the same horizontal position.
  
  ### How to reproduce
  Steps to reproduce the behaviour:
  1. Go to the login page
  2. Enter invalid credentials
  
  ### Expected behaviour
  The login fields do not move to the right. The error message is either shown above the login fields or next to them.
  
  ### Screenshots
  ![Screenshot from 2022-01-27 16-20-21](https://user-images.githubusercontent.com/12382856/151389280-ed564ad7-e792-41a4-98fc-713a14cbce83.png)
  
  
  ### Additional context
  Not sure in what other situations these message boxes are used, but it may occur in other places too. Haven't checked.
  
  
  --- END ISSUE ---
  
  Below are some code segments, each from a relevant file. One or more of these files may contain bugs.
  --- BEGIN FILES ---
  Path: `website/thaliawebsite/templatetags/alert.py`
  Content:
  ```
  1 from django import template
  2 
  3 register = template.Library()
  4 
  5 
  6 @register.inclusion_tag("includes/alert.html")
  7 def alert(alert_type="info", message=None, dismissible=False, extra_classes=""):
  8     if dismissible:
  9         extra_classes += " alert-dimissable"
  10     return {
  11         "type": alert_type,
  12         "message": message,
  13         "dismissible": dismissible,
  14         "extra_classes": extra_classes,
  15     }
  16
  ```
  --- END FILES ---
  
  Please first localize the bug based on the issue statement, and then generate a patch according to the `git diff` format fenced by three backticks.
  
  Here is an example:
  
  ```diff
  diff --git a/examples/server_async.py b/examples/server_async.py
  --- a/examples/server_async.py
  +++ b/examples/server_async.py
  @@ -313,4 +313,4 @@
   
   
   if __name__ == "__main__":
  -    asyncio.run(run_async_server("."), debug=True)
  +    asyncio.run(run_async_server(), debug=True)
  diff --git a/examples/server_sync.py b/examples/server_sync.py
  --- a/examples/server_sync.py
  +++ b/examples/server_sync.py
  @@ -313,5 +313,5 @@
   
   
   if __name__ == "__main__":
  -    server = run_sync_server(".")
  +    server = run_sync_server()
       server.shutdown()
  
  ```
  
golden_diff: diff --git a/website/thaliawebsite/templatetags/alert.py b/website/thaliawebsite/templatetags/alert.py
  --- a/website/thaliawebsite/templatetags/alert.py
  +++ b/website/thaliawebsite/templatetags/alert.py
  @@ -6,7 +6,7 @@
   @register.inclusion_tag("includes/alert.html")
   def alert(alert_type="info", message=None, dismissible=False, extra_classes=""):
       if dismissible:
  -        extra_classes += " alert-dimissable"
  +        extra_classes += " alert-dismissible"
       return {
           "type": alert_type,
           "message": message,
  
verification_info: {"golden_diff": "diff --git a/website/thaliawebsite/templatetags/alert.py b/website/thaliawebsite/templatetags/alert.py\n--- a/website/thaliawebsite/templatetags/alert.py\n+++ b/website/thaliawebsite/templatetags/alert.py\n@@ -6,7 +6,7 @@\n @register.inclusion_tag(\"includes/alert.html\")\n def alert(alert_type=\"info\", message=None, dismissible=False, extra_classes=\"\"):\n     if dismissible:\n-        extra_classes += \" alert-dimissable\"\n+        extra_classes += \" alert-dismissible\"\n     return {\n         \"type\": alert_type,\n         \"message\": message,\n", "issue": "Visual quirk in the login failure message\n### Describe the bug\r\nWhen you fail to log in on desktop (or probably any wider screen) the message saying this shows up on the left and the login fields are offset to the right. I would expect the message to appear on top, while the login fields were to stay in the same horizontal position.\r\n\r\n### How to reproduce\r\nSteps to reproduce the behaviour:\r\n1. Go to the login page\r\n2. Enter invalid credentials\r\n\r\n### Expected behaviour\r\nThe login fields do not move to the right. The error message is either shown above the login fields or next to them.\r\n\r\n### Screenshots\r\n![Screenshot from 2022-01-27 16-20-21](https://user-images.githubusercontent.com/12382856/151389280-ed564ad7-e792-41a4-98fc-713a14cbce83.png)\r\n\r\n\r\n### Additional context\r\nNot sure in what other situations these message boxes are used, but it may occur in other places too. Haven't checked.\r\n\n", "before_files": [{"content": "from django import template\n\nregister = template.Library()\n\n\n@register.inclusion_tag(\"includes/alert.html\")\ndef alert(alert_type=\"info\", message=None, dismissible=False, extra_classes=\"\"):\n    if dismissible:\n        extra_classes += \" alert-dimissable\"\n    return {\n        \"type\": alert_type,\n        \"message\": message,\n        \"dismissible\": dismissible,\n        \"extra_classes\": extra_classes,\n    }\n", "path": "website/thaliawebsite/templatetags/alert.py"}], "after_files": [{"content": "from django import template\n\nregister = template.Library()\n\n\n@register.inclusion_tag(\"includes/alert.html\")\ndef alert(alert_type=\"info\", message=None, dismissible=False, extra_classes=\"\"):\n    if dismissible:\n        extra_classes += \" alert-dismissible\"\n    return {\n        \"type\": alert_type,\n        \"message\": message,\n        \"dismissible\": dismissible,\n        \"extra_classes\": extra_classes,\n    }\n", "path": "website/thaliawebsite/templatetags/alert.py"}]}