Fix html form validity and look and feel

module/teacher_form/templates/teacher_form/form.twig

@@ -4,32 +4,29 @@
 {% import "schools/form.twig" as macros %}
 
 {% block content %}
-<style>
-input[type=text] {
+    <style>
+        input[type=text] {
             width: 100%;
-}
-</style>
-<div id="app-form">
+        }
+    </style>
+    <div id="app-form">
         <h1>
             {% block title %}
             {% endblock %}
         </h1>
-    <form method="post" action="" data-is-valid="{{ form.is_valid | default(true) ? '1' : '0' }}"
+        <form method="post" action="" class="form-horizontal"
+              data-is-valid="{{ form.is_valid | default(true) ? '1' : '0' }}"
               data-messages="{{ form.messages|default({})|json_encode }}">
             <input type="hidden" id="mm_id" name="mm_id" value="0">
             <div class="form-group">
-              <p>
                 <h1>Αίτηση εκδήλωσης ενδιαφέροντος</h1>
-                        <br>
-                         Στην δράση των edulabs μπορούν να συμμετέχουν εκπαιδευτικοί με εμπειρία σε STEAM που θέλουν να συνεργαστούν με τα σχολεία στην αξιοποίηση των 140 edulabs που εγκαθίστανται σε σχολεία σε όλες τις εκπαιδευτικές διευθύνσεις.
-                        <br>
-                         Παρακαλώ συμπληρώστε τα στοιχεία σας και θα επικοινωνήσουμε μαζί σας.
+                <p>Στην δράση των edulabs μπορούν να συμμετέχουν εκπαιδευτικοί με εμπειρία σε STEAM που θέλουν να συνεργαστούν με τα σχολεία στην αξιοποίηση των 140 edulabs που εγκαθίστανται σε σχολεία σε όλες τις εκπαιδευτικές διευθύνσεις.
+                    <br/>Παρακαλώ συμπληρώστε τα στοιχεία σας και θα επικοινωνήσουμε μαζί σας.
                 </p>
             </div>
 
             <div class="table-responsive">
                 <fieldset>
-    <!--            <div id="items-list"> -->
                     {{ macros.input('name', 'Όνομα', form.values.name)}}
                     {{ macros.input('surname', 'Επώνυμο', form.values.surname)}}
                     {{ macros.select('eidikothta', 'Ειδικότητα', form.branches, form.values.eidikothta, {'required': ''}) }}
@@ -45,31 +42,17 @@ input[type=text] {
                     {{ macros.input('school', 'Σχολείο που υπηρετείτε', form.values.school, 'text', {'readonly': true})}}
                     {{ macros.input('schooltelef', 'Τηλέφωνο Σχολείου', form.values.schooltelef, 'text', {'readonly': true})}}
 
-                         <br>
-                         <br>
-                         <br>
-    <h3> Δράσεις</h3>
-    Παρακαλώ περιγράψτε σύντομα δράσεις που έχετε συμμετάσχει.
+                    <h3>Δράσεις</h3>
+                    <p>Παρακαλώ περιγράψτε σύντομα δράσεις που έχετε συμμετάσχει.</p>
                     <div class="input_fields_wrap">
-        <button style="color:blue" class="add_field_button" "btn btn-lg btn-primary">Προσθήκη Επιπλέον</button>
+                        <button style="color:blue" class="add_field_button">Προσθήκη Επιπλέον</button>
                         <div><label for="projects">Σχετική δράση που συμμετείχατε </label><input type="text" name="projects" id="projects"></div>
                         <div><label for="urlproject">URL δράσης που συμμετείχατε</label><input type="text" name="urlproject" id="urlproject"></div>
-        <div><label for "commentproject">Περιγραφή δράσης που συμμετείχατε</label><input type="text" name="commentsproject" id="commentproject"></div>
-
-
+                        <div><label for="commentproject">Περιγραφή δράσης που συμμετείχατε</label><input type="text" name="commentsproject" id="commentproject"></div>
                     </div>
 
                     <input type="hidden" name="projectdescription" id="projectdescription">
-
-   <p>
-    <p>
-
-<!--                </div>  -->
                     {{ macros.text('comments', 'Σχόλια/Παρατηρήσεις', form.values.comments) }}
-
-
-
-
                 </fieldset>
             </div>
             <hr>
@@ -79,9 +62,7 @@ input[type=text] {
             <input type="hidden" name="{{ csrf.name_key }}" value="{{ csrf.name }}">
             <input type="hidden" name="{{ csrf.value_key }}" value="{{ csrf.value }}">
         </form>
-
-
-</div>
+    </div>
 {% endblock %}
 
 {% block inlinejs %}

module/university_form/templates/university_form/form.twig

@@ -3,11 +3,11 @@
 {% import "schools/form.twig" as macros %}
 
 {% block content %}
-<style> 
-input[type=text] {
+    <style> 
+        input[type=text] {
             width: 100%;
-}
-</style>
+        }
+    </style>
     <body>
         <div id="app-form">
             <h1>
@@ -18,24 +18,25 @@ input[type=text] {
             <form class="form-horizontal" method="post" action="" data-is-valid="{{ form.is_valid | default(true) ? '1' : '0' }}"
                   data-messages="{{ form.messages|default({})|json_encode }}" >
                 <div class="form-group">
-              <p>
                     <h1>Αίτηση εκδήλωσης ενδιαφέροντος</h1>
-                        <br>
-                        Στην δράση των edulabs μπορεί να συμμετέχει ακαδημαϊκό και ερευνητικό προσωπικό από όλα τα Πανεπιστήμια και Ερευνητικά Κέντρα  με εμπειρία σε STEAM που θέλει να συνεργαστεί με τα σχολεία στην αξιοποίηση των 140 <a href="http://edulabs.minedu.gov.gr/">edulabs </a>που εγκαθίστανται σε σχολεία σε όλες τις εκπαιδευτικές διευθύνσεις.
-
-						<br>Παρακαλώ συμπληρώστε τα στοιχεία σας και θα επικοινωνήσουμε μαζί σας. 
+                    <p>Στην δράση των edulabs μπορεί να συμμετέχει ακαδημαϊκό και ερευνητικό προσωπικό από όλα τα Πανεπιστήμια και Ερευνητικά Κέντρα  με εμπειρία σε STEAM που θέλει να συνεργαστεί με τα σχολεία στην αξιοποίηση των 140 <a href="http://edulabs.minedu.gov.gr/">edulabs </a>που εγκαθίστανται σε σχολεία σε όλες τις εκπαιδευτικές διευθύνσεις.
+                        <br/>Παρακαλώ συμπληρώστε τα στοιχεία σας και θα επικοινωνήσουμε μαζί σας. 
                     </p>
                 </div>
 
                 <div class="table-responsive">
                     <fieldset>
                         <div id="items-list">
-       			<strong>Επιλέξτε την ιδιότητά σας:</strong>
-       			 <select name='newselect' id="newselect">
+                            <div class="form-group bg-info">
+                                <label class="control-label col-md-3" for="newselect">Επιλέξτε την ιδιότητά σας</label>
+                                <div class="col-xs-12 col-sm-12 col-md-9">
+                                    <select name='newselect' id="newselect" class="form-control">
                                         <option value="space" id = "space" selected ></option>	
                                         <option value="idrimata" id = "idrimata">ΑΕΙ/ΑΤΕΙ</option>
                                         <option value="ereunitika" id="ereunitika">Ερευνητικά Κέντρα</option>
                                     </select>
+                                </div>
+                            </div>
                             <div id = "first">
                                 {{ macros.select('idrima','Ίδρυμα','', form.values.idrima, { 'id': 'idrima'} )}}
                                 {{ macros.select('sxolh', 'Σχολή','', form.values.sxolh,{ 'id': 'sxolh'} ) }}
@@ -52,26 +53,17 @@ input[type=text] {
                             {{ macros.input('telef', 'Τηλέφωνο',form.values.telef ) }}
                             {{ macros.input('email', 'Email',form.values.email ) }}
 
-                  
-                  
-			    <h3> Δράσεις</h3>
+                            <h3>Δράσεις</h3>
                             Παρακαλώ περιγράψτε σύντομα δράσεις που έχετε συμμετάσχει. 
                             <div class="input_fields_wrap">
-			        <button style="color:blue" class="add_field_button" "btn btn-lg btn-primary">Προσθήκη Επιπλέον</button>
+                                <button style="color:blue" class="add_field_button">Προσθήκη Επιπλέον</button>
                                 <div><label for="projects">Σχετική δράση που συμμετείχατε </label><input type="text" name="projects[]" id="projects"></div>
                                 <div><label for="urlproject">URL δράσης που συμμετείχατε</label><input type="text" name="urlproject[]" id="urlproject"></div>
-			        <div><label for "commentproject">Περιγραφή δράσης που συμμετείχατε</label><input type="text" name="commentsproject[]" id="commentproject"></div>
-			        
-			        
+                                <div><label for="commentproject">Περιγραφή δράσης που συμμετείχατε</label><input type="text" name="commentsproject[]" id="commentproject"></div>
                             </div>
 
                             <input type="hidden" name="projectdescription" id="projectdescription"> 
-
-			   <p>
-			    <p>
-
                             {{ macros.text('comments', 'Σχόλια/Παρατηρήσεις', form.values.comments) }}
-                                       
                         </div>
 
                         <div class="form-group text-center">
@@ -82,8 +74,6 @@ input[type=text] {
                             <input type="hidden" name="hidtmhma" id="hidtmhma" value="{{form.values.tmhma}}">
                             <input type="hidden" name="hidereunitiko" id="hidereunitiko" value="{{form.values.ereunitiko}}">
                             <input type="hidden" name="hidinstitute" id="hidinstitute" value="{{form.values.institute}}">
-
-
                             <input type="hidden" name="hidnewselect" id="hidnewselect" >
                         </div>
                         <input type="hidden" name="{{ csrf.name_key }}" value="{{ csrf.name }}">
@@ -93,7 +83,7 @@ input[type=text] {
             </form>
 
         </div>
-</body>
+    </body>
 
 {% endblock %}
 {% block inlinejs %}