🛠️ style.css -> Added styling for #id_order_by and #order_by_label

🛠️ signals.html -> Updated Sort By label and form submission script

Author: BrainIsDead

src/assets/css/style.css

@@ -1228,3 +1228,11 @@ h6 {
   font-size: 13px;
   color: #012970;
 }
+
+#id_order_by {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+#order_by_label{
+  margin-bottom: 1rem;
+}

src/templates/signals/signals.html

@@ -276,15 +276,10 @@ <h5 class="modal-title">Time Label</h5>
                 <div class="col-8 text-left-center">
                 </div>
                 <div class="col-4 no-padding">
-                        <div class="input-group mb-3">
-                            <label class="input-group-text form-label" for="id_order_by">Sort By</label>
-                            {{ form.order_by|as_crispy_field }}
-                        </div>
-                    <script>
-                        document.getElementById('id_order_by').addEventListener('change', function() {
-                            document.getElementById('filters-form').submit();
-                        });
-                    </script>
+                    <div class="input-group mb-3">
+                        <label class="input-group-text form-label" for="id_order_by" id="order_by_label">Sort By</label>
+                        {{ form.order_by|as_crispy_field }}
+                    </div>
                 </div>
             </div>
             <div class="row">
@@ -311,4 +306,9 @@ <h5 class="modal-title">Time Label</h5>
         </div>
     </div>
 </form>
+<script>
+    document.getElementById('id_order_by').addEventListener('change', function() {
+        document.getElementById('filters-form').submit();
+    });
+</script>
 {% endblock %}