From bfac4aba9bcc8edcfb0429509d19e786829311eb Mon Sep 17 00:00:00 2001
From: Jan Tuomi <jans.tuomi@gmail.com>
Date: Tue, 17 Oct 2017 20:38:32 +0300
Subject: [PATCH] Fix footer styles on Safari

---
 static/css/footer.css | 6 ++++++
 templates/footer.html | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/static/css/footer.css b/static/css/footer.css
index 144b05e..03b785c 100644
--- a/static/css/footer.css
+++ b/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;
 }
\ No newline at end of file
diff --git a/templates/footer.html b/templates/footer.html
index d47e2e6..31d263a 100644
--- a/templates/footer.html
+++ b/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">