Merge pull request #101 from arielfayol37/polishing

Polishing

Author: arielfayol37

media/phobos/images/question_images/window.PNG

@@ -1,5 +1,6 @@
 
 document.addEventListener('DOMContentLoaded', () => {
+    const preloader = document.querySelector('#preloader');
     const form = document.querySelector('#question-form');
     const allQuestionBlocks = form.querySelector("#all-question-blocks");
     let currentAction = form.getAttribute('action');
@@ -92,6 +93,7 @@ document.addEventListener('DOMContentLoaded', () => {
                 return;  // Exit the loop
             }
         }
+        preloader.classList.remove('hide');
 
         var newAction = '';
         // After all the tests have passed. 

phobos/static/phobos/js/create_question.js

@@ -2,14 +2,15 @@ document.addEventListener('DOMContentLoaded',()=>{
     // Get the form and search field elements
     const form = document.querySelector('.search-form');
     const searchField = document.querySelector('.search-field');
+    const preloader = document.querySelector('#preloader');
 
     // Add an event listener to the search field for the 'keydown' event
     searchField.addEventListener('keydown', function(event) {
         // Check if the pressed key is Enter (key code 13)
         if (event.key === 'Enter') {
             // Prevent the default form submission
             event.preventDefault();
-
+            preloader.classList.remove('hide');
             // Submit the form programmatically
             form.submit();
         }

phobos/static/phobos/js/search_question.js

@@ -18,7 +18,7 @@
   <ion-icon name="settings"></ion-icon>
 </div>
     <!-- TODO: Include buttons and invent listeners to create subquestions.-->
-    <h3 class="original-size">Create a Question</h3>
+    
     <div class="page-container" id="create-question">
 
       <div class="add-var-section" title="variables">
@@ -48,6 +48,7 @@ <h3 class="original-size">Create a Question</h3>
 
       <div class="question">
         <div id="topics-subtopics">
+          <h3 class="original-size suggestion">Create a Question</h3>
             <div class="topics_dropdown option-section">
               <label for="topic" class="option-label">Topic: </label>