Multiple visual adaptations.

static/css/style.css

@@ -271,12 +271,15 @@ h5 {
 }
 
 .page-footer {
+    bottom: 0; /* Position footer at the bottom */
+    width: 100%;
+    height: 500px;
     padding-top: 0px;
 }
 
 .footer-element {
     width: 100%;
-    height: 300px;
+    height: 320px;
     border-radius: 2px;
 
 }
@@ -293,3 +296,18 @@ h5 {
 .em-1 {
     font-size: 1em;
 }
+
+html, body {
+  min-height: 100vh;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+.content {
+    min-height: 100vh;
+}
+
+footer {
+    margin-top: auto;
+}

static/js/init.js

@@ -1,5 +1,5 @@
 // Global array to store input names
-var globalInputList = ['tree_size_min', 'tree_size_max', 'file', 'association_measures', 'labeled_trees', 'node_type_upos', 'fixed_order', 'input_url', 'node_type_lemma', 'root_restriction', 'node_type_form', 'frequency_threshold'];
+var globalInputList = ['tree_size_min', 'tree_size_max', 'file', 'association_measures', 'labeled_trees', 'node_type_upos', 'fixed_order', 'input_url', 'node_type_lemma', 'root_restriction', 'node_type_form', 'frequency_threshold', 'query', 'compare_url', 'compare_file'];
 
 // Function to store values to local storage
 function storeValuesToLocalstorage() {