Made feedback interface responsive

5 files changed, 40 insertions, 66 deletions

diff --git a/certificate/templates/arduino_feedback.html b/certificate/templates/arduino_feedback.html
index d8a697c..c6c98f7 100644
--- a/certificate/templates/arduino_feedback.html
+++ b/certificate/templates/arduino_feedback.html
@@ -4,29 +4,25 @@
     <h1> Scilab Arduino Workshop 2015 </h1>
 {% endblock %}
 {% block content %}
-<form  action="{% url 'certificate:arduino_feedback' %}" method="post" style="width:1000px">
+    <div style="width:55%; margin: 0 auto" >
+<form  action="{% url 'certificate:arduino_feedback' %}" method="post">
 
-        <div style="padding-left:100px;width:940px;text-align:center;margin:0 auto;">
-            <div align=center style="padding-left:200px">    <h1> Feedback </h1>
-                <p>Your feedback will help us improve our services. Thank you for your time.</p>
-            </div>
+    <h1> Feedback </h1>
+    <p>Your feedback will help us improve our services. Thank you for your time.</p>
 
         {{ detail }}
         {% csrf_token %}
-        <div style="padding-left:200px;text-align:left;" >
             <table class="table">
                 {{ form }}
             </table>
                 {% for question in questions %}
-                <label>{{ forloop.counter }}. {{ question.question }} </label><br>
+                <label style="float:left">{{ forloop.counter }}. {{ question.question }} </label><br>
                     <textarea cols="80" class="form-control" id="{{ question.id }}" name="{{ question.id }}"></textarea><br>
                     {% endfor %}
-              <span><button class="btn btn-primary" type="submit">Submit</button></span>
-              <span style="float:right"><a href="{% url 'certificate:arduino_download' %}" >Skip feedback and download</a></span>
-          </div>
-    </div>
+              <button style="float:left" class="btn btn-primary" type="submit">Submit</button>
+                <a style="float:right" href="{% url 'certificate:arduino_download' %}" >Skip feedback and download</a>
      </form>
-    <hr>
+    </div>
 {% endblock %}
 
 
diff --git a/certificate/templates/drupal_feedback.html b/certificate/templates/drupal_feedback.html
index ca4a5c7..a3d2d23 100644
--- a/certificate/templates/drupal_feedback.html
+++ b/certificate/templates/drupal_feedback.html
@@ -4,29 +4,23 @@
     <h1> Drupal Mumbai Camp 2015 </h1>
 {% endblock %}
 {% block content %}
-<form  action="{% url 'certificate:drupal_feedback' %}" method="post" style="width:1000px">
+    <div style="width:50%; margin: 0 auto" >
+<form  action="{% url 'certificate:drupal_feedback' %}" method="post">
 
-        <div style="padding-left:100px;width:940px;text-align:center;margin:0 auto;">
-            <div align=center style="padding-left:200px">    <h1> Feedback </h1>
-                <p>Your feedback will help us improve our services. Thank you for your time.<</p>
-            </div>
+    <h1> Feedback </h1>
+    <p>Your feedback will help us improve our services. Thank you for your time.</p>
 
         {{ detail }}
         {% csrf_token %}
-        <div style="padding-left:200px;text-align:left;" >
             <table class="table">
                 {{ form }}
             </table>
                 {% for question in questions %}
-                <label>{{ forloop.counter }}. {{ question.question }} </label><br>
+                <label style="float:left">{{ forloop.counter }}. {{ question.question }} </label><br>
                     <textarea cols="80" class="form-control" id="{{ question.id }}" name="{{ question.id }}"></textarea><br>
                     {% endfor %}
-              <span><button class="btn btn-primary" type="submit">Submit</button></span>
-              <span style="float:right"><a href="{% url 'certificate:drupal_download' %}" >Skip feedback and download</a></span>
-          </div>
-    </div>      
+              <button style="float:left" class="btn btn-primary" type="submit">Submit</button>
+                <a style="float:right" href="{% url 'certificate:drupal_download' %}" >Skip feedback and download</a>
      </form>
-    <hr>
+    </div>
 {% endblock %}
-
-
diff --git a/certificate/templates/dwsim_feedback.html b/certificate/templates/dwsim_feedback.html
index 5fc590d..1f99dc5 100644
--- a/certificate/templates/dwsim_feedback.html
+++ b/certificate/templates/dwsim_feedback.html
@@ -4,29 +4,23 @@
     <h1> DWSIM Workshop 2015 </h1>
 {% endblock %}
 {% block content %}
-<form  action="{% url 'certificate:dwsim_feedback' %}" method="post" style="width:1000px">
+    <div style="width:50%; margin: 0 auto" >
+<form  action="{% url 'certificate:dwsim_feedback' %}" method="post">
 
-        <div style="padding-left:100px;width:940px;text-align:center;margin:0 auto;">
-            <div align=center style="padding-left:200px">    <h1> Feedback </h1>
-                <p>Your feedback will help us improve our services. Thank you for your time.</p>
-            </div>
+    <h1> Feedback </h1>
+    <p>Your feedback will help us improve our services. Thank you for your time.</p>
 
         {{ detail }}
         {% csrf_token %}
-        <div style="padding-left:200px;text-align:left;" >
             <table class="table">
                 {{ form }}
             </table>
                 {% for question in questions %}
-                <label>{{ forloop.counter }}. {{ question.question }} </label><br>
+                <label style="float:left">{{ forloop.counter }}. {{ question.question }} </label><br>
                     <textarea cols="80" class="form-control" id="{{ question.id }}" name="{{ question.id }}"></textarea><br>
                     {% endfor %}
-              <span><button class="btn btn-primary" type="submit">Submit</button></span>
-              <span style="float:right"><a href="{% url 'certificate:dwsim_download' %}" >Skip feedback and download</a></span>
-          </div>
-    </div>      
+              <button style="float:left" class="btn btn-primary" type="submit">Submit</button>
+                <a style="float:right" href="{% url 'certificate:dwsim_download' %}" >Skip feedback and download</a>
      </form>
-    <hr>
+    </div>
 {% endblock %}
-
-
diff --git a/certificate/templates/feedback.html b/certificate/templates/feedback.html
index 3964503..1c34df7 100644
--- a/certificate/templates/feedback.html
+++ b/certificate/templates/feedback.html
@@ -4,29 +4,25 @@
     <h1> Scilab India Conference 2014 </h1>
 {% endblock %}
 {% block content %}
-<form  action="{% url 'certificate:feedback' %}" method="post" style="width:1000px">
+    <div style="width:50%; margin: 0 auto" >
+<form  action="{% url 'certificate:feedback' %}" method="post">
 
-        <div style="padding-left:100px;width:940px;text-align:center;margin:0 auto;">
-            <div align=center style="padding-left:200px">    <h1> Feedback </h1>
-                <p>Your feedback will help us improve our services. Thank you for your time.</p>
-            </div>
+    <h1> Feedback </h1>
+    <p>Your feedback will help us improve our services. Thank you for your time.</p>
 
         {{ detail }}
         {% csrf_token %}
-        <div style="padding-left:200px;text-align:left;" >
             <table class="table">
                 {{ form }}
             </table>
                 {% for question in questions %}
-                <label>{{ forloop.counter }}. {{ question.question }} </label><br>
+                <label style="float:left">{{ forloop.counter }}. {{ question.question }} </label><br>
                     <textarea cols="80" class="form-control" id="{{ question.id }}" name="{{ question.id }}"></textarea><br>
                     {% endfor %}
-              <span><button class="btn btn-primary" type="submit">Submit</button></span>
-              <span style="float:right"><a href="{% url 'certificate:download' %}" >Skip feedback and download</a></span>
-          </div>
-    </div>      
+              <button style="float:left" class="btn btn-primary" type="submit">Submit</button>
+                <a style="float:right" href="{% url 'certificate:download' %}" >Skip feedback and download</a>
      </form>
-    <hr>
+    </div>
 {% endblock %}
 
 
diff --git a/certificate/templates/scipy_feedback.html b/certificate/templates/scipy_feedback.html
index 12f2c4d..54fd0df 100644
--- a/certificate/templates/scipy_feedback.html
+++ b/certificate/templates/scipy_feedback.html
@@ -4,29 +4,23 @@
     <h1> SciPy India Conference 2014 </h1>
 {% endblock %}
 {% block content %}
-<form  action="{% url 'certificate:scipy_feedback' %}" method="post" style="width:1000px">
+    <div style="width:50%; margin: 0 auto" >
+<form  action="{% url 'certificate:scipy_feedback' %}" method="post">
 
-        <div style="padding-left:100px;width:940px;text-align:center;margin:0 auto;">
-            <div align=center style="padding-left:200px">    <h1> Feedback </h1>
-                <p>Your feedback will help us improve our services. Thank you for your time.</p>
-            </div>
+    <h1> Feedback </h1>
+    <p>Your feedback will help us improve our services. Thank you for your time.</p>
 
         {{ detail }}
         {% csrf_token %}
-        <div style="padding-left:200px;text-align:left;" >
             <table class="table">
                 {{ form }}
             </table>
                 {% for question in questions %}
-                <label>{{ forloop.counter }}. {{ question.question }} </label><br>
+                <label style="float:left">{{ forloop.counter }}. {{ question.question }} </label><br>
                     <textarea cols="80" class="form-control" id="{{ question.id }}" name="{{ question.id }}"></textarea><br>
                     {% endfor %}
-              <span><button class="btn btn-primary" type="submit">Submit</button></span>
-              <span style="float:right"><a href="{% url 'certificate:scipy_download' %}" >Skip feedback and download</a></span>
-          </div>
-    </div>      
+              <button style="float:left" class="btn btn-primary" type="submit">Submit</button>
+                <a style="float:right" href="{% url 'certificate:scipy_download' %}" >Skip feedback and download</a>
      </form>
-    <hr>
+    </div>
 {% endblock %}
-
-