fix: Minor style adjustments

observations/templates/observations/index.html

@@ -45,7 +45,7 @@
             <label for="dateTo">{% trans "To" %}</label>
             <input class="form-control" type="date" id="dateTo" name="to" value="{{to|safe}}"/>
         </div>
-        <div class="form-group col-sm-6">
+        <div class="form-group col-sm-6 vertical-align-center">
             <div class="checkbox">
                 <label>
                     <input type="checkbox" name="includeNegative"{% if include_negative %}checked{% endif %} value="true"> {% trans "Include registrations without pest presence" %}
@@ -72,7 +72,6 @@
         </div>
         <div class="form-group col-sm-3">
             <button type="submit" class="btn btn-primary">{% trans "Filter" %}</button>
-            <a id="downloadLink" href="">{% trans "Download as Excel" %}</a>
         </div>
     </div>
 </form>
@@ -80,6 +79,7 @@
         <div style="padding: 10px 0px">
             <span id="emptyResult">{% trans "No observations found for specified search criteria" %}</span>
         </div>
+        <a id="downloadLink" href="">{% trans "Download as Excel" %}</a>
         <div class="table-responsive">
             <table class="table table-striped" id="observationTable">
                     <thead>
@@ -128,6 +128,11 @@
         padding:0;
         margin:0;
     }
+    .vertical-align-center {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
 </style>
 {% endblock %}
 {% block customJS %}