Some modifications

controllers/feedback/views/index.jade

@@ -1,5 +1,10 @@
 extends ../../../views/base.jade
 
+mixin message
+    span(style={'margin-bottom':'10px', 'margin-right': '10px'})
+        block
+        br
+
 mixin question(id, qu, info)
     label(for="#{id}", style={'margin-right':'10px'}) #{qu}
     if (info !== undefined)
@@ -7,16 +12,30 @@ mixin question(id, qu, info)
     input.form-control(name="answer#{id}", type="text", placeholder="Answer")
 
 mixin rate(id, qu, info)
-    label(for="anwser#{id}", style={'margin-right':'10px'}) #{qu}
-    if (info !== undefined)
-        span.glyphicon.glyphicon-question-sign(type='button', data-toggle='tooltip', data-placement='top', title='#{info}')
-    input.rating(id="answer#{id}", name="answer#{id}", type="number", min='0', max='5', step='1', default='3')
+    div
+        label(for="anwser#{id}", style={'margin-right':'10px'}) #{qu}
+        if (info !== undefined)
+            span.glyphicon.glyphicon-question-sign(type='button', data-toggle='tooltip', data-placement='top', title='#{info}')
+                //-input.rating(id="answer#{id}", name="answer#{id}", type="number", min='0', max='5', step='1', default='3')
+
+        br
+        input(type='radio', name='answerItem#{id}', value='1', style={'margin-right':'10px'})
+        +message Very easy
+        input(type='radio', name='answerItem#{id}', value='2', style={'margin-right':'10px'})
+        +message Easy
+        input(type='radio', name='answerItem#{id}', value='3', style={'margin-right':'10px'})
+        +message Medium
+        input(type='radio', name='answerItem#{id}', value='4', style={'margin-right':'10px'})
+        +message Hard
+        input(type='radio', name='answerItem#{id}', value='5', style={'margin-right':'10px'})
+        +message Very hard
+        div(style={'margin-bottom':'10px'})
 
 block extrahead
     link(rel="stylesheet", href="/static/css/feedback.css")
     link(rel="stylesheet", href="/static/css/star-rating.min.css")
 
-block extrajs
+//-block extrajs
     script(src="/static/js/star-rating.min.js")
     script $(function () { $('[data-toggle="tooltip"]').tooltip() })
     script.
@@ -30,8 +49,8 @@ block content
     form.form-signin(method="POST", action='/feedback-target')
         h2 Please give us your feedback
 
-        +rate(1, "What was the difficulty level without recommendation ?", "1 star if it was very easy, 5 stars if it was very difficult")
-        +rate(2, "What was the difficulty level with recommendation ?", "1 star if it was very easy, 5 stars if it was very difficult")
+        +rate(1, "What was the difficulty level without recommendation ?")
+        +rate(2, "What was the difficulty level with recommendation ?")
         +question(3, "Did the recommendations help you to find the coins ?")
         +question(4, "Did the recommendations help you to browse the scene ?")
         +question(5, "Do you think recommendations can be helpful ?")