Fix footer styles on Safari

static/css/footer.css

@@ -27,4 +27,10 @@
 .lang-select {
     width: 10rem;
     display: inline-block;
+}
+
+.lang-form {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 10rem;
 }

templates/footer.html

@@ -4,7 +4,7 @@
 <link rel="stylesheet" href="{% static "css/footer.css" %}">
 <div class="footer">
     <div>
-        <form style="margin-left: auto; margin-right: auto" class="form" action="{% url 'set_language' %}" method="post">{% csrf_token %}
+        <form class="lang-form form" action="{% url 'set_language' %}" method="post">{% csrf_token %}
             <span>
                 <input name="next" type="hidden" value="{{ redirect_to }}" />
                 <select onchange="this.form.submit()" class="lang-select form-control" name="language">