Correctly align members and photos search forms

website/members/templates/members/index.html

@@ -18,7 +18,7 @@
                     {% endblocktrans %}
                 </p>
 
-                <form class="search-form form-inline col-12 col-lg-6 offset-lg-3 row" method="get"
+                <form class="search-form form-inline col-12 col-lg-6 offset-lg-3" method="get"
                       action="{% url 'members:index' %}#members-directory">
                     <input type="hidden" name="filter" value="{{ filter }}"/>
                     <input class="form-control col-12 col-md-9" name="keywords" type="text" value="{{ keys }}"

website/photos/templates/photos/index.html

@@ -16,11 +16,11 @@
                     {% trans 'Interested in a full resolution version of a photo? Send your request to <a href="mailto:media@thalia.nu">media@thalia.nu</a>.' %}
                 </p>
     
-                <form class="search-form form-inline col-lg-6 offset-lg-3 row mb-2" method="get"
+                <form class="search-form form-inline col-12 col-lg-6 offset-lg-3 mb-2" method="get"
                           action="{% url 'photos:index' %}#photos-albums">
-                    <input class="form-control col-9" name="keywords" type="text" value="{{ keys }}"
+                    <input class="form-control col-12 col-md-9" name="keywords" type="text" value="{{ keys }}"
                            placeholder="{% trans "What are you looking for?" %}"/>
-                    <input class="btn btn-lg btn-primary col-3" type="submit"
+                    <input class="btn btn-lg btn-primary col-12 mt-2 mt-md-0 col-md-3" type="submit"
                            value="{% trans "Search" %}"/>
                 </form>