Add more styling

client/src/styles/_survey.scss

@@ -1,5 +1,6 @@
 .survey {
-  &__panel-title {
+  &__panel-title,
+  &__page-title {
     @include main-title;
     margin-bottom: $large-spacing*2;
     span {
@@ -7,7 +8,8 @@
     }
   }
 
-  &__panel-description {
+  &__panel-description,
+  &__page-description {
     @include regular-paragraph;
     line-height: 1.5;
     margin-bottom: $large-spacing;
@@ -80,4 +82,24 @@
     }
 
   }
+
+  &__error {
+    margin-bottom: $large-spacing;
+  }
+
+  &__error-item {
+    span {
+      color: $color-error;
+      @include small-text;
+    }
+  }
+}
+
+.question {
+
+  $question: &;
+  &--error #{$question}__input {
+    border-color: $color-error;
+    box-shadow: none;
+  }
 }

client/src/survey.config.js

@@ -16,8 +16,8 @@ export const css = {
   'progressBar': 'survey__progress-bar',
   'page': {
     'root': 'survey__page',
-    'title': '',
-    'survey__page-description': ''
+    'title': 'survey__page-title',
+    'description': 'survey__page-description'
   },
   'pageTitle': 'survey__page-title',
   'pageDescription': 'survey__page-description',
@@ -29,10 +29,10 @@ export const css = {
     'title': 'survey__question-title',
     'number': 'sv_q_num',
     'survey__question-description': 'small',
-    'comment': 'survey__question-input skillbox-input',
+    'comment': 'survey__question-input skillbox-input question__input',
     'required': '',
     'titleRequired': '',
-    'hasError': 'has-error',
+    'hasError': 'survey__question--error question--error',
     'indent': 20
   },
   'panel': {
@@ -43,9 +43,9 @@ export const css = {
   'error': {
     'root': 'alert alert-danger',
     'icon': 'glyphicon glyphicon-exclamation-sign',
-    'item': '',
-    'locationTop': 'sv_qstn_error_top',
-    'locationBottom': 'sv_qstn_error_bottom'
+    'item': 'survey__error-item',
+    'locationTop': 'survey__error survey__error--top',
+    'locationBottom': 'survey__error survey__error--bottom'
   },
   'boolean': {
     'root': 'sv_qbln form-inline checkbox',
@@ -63,10 +63,10 @@ export const css = {
     'other': 'sv_q_checkbox_other skillbox-input',
     'column': 'sv_q_select_column'
   },
-  'comment': 'survey__input skillbox-input',
+  'comment': 'survey__input skillbox-input question__input',
   'dropdown': {
     'root': '',
-    'control': 'skillbox-input',
+    'control': 'survey__input skillbox-input',
     'other': 'sv_q_dd_other skillbox-input'
   },
   'html': {
@@ -131,7 +131,7 @@ export const css = {
     'itemText': '',
     'maxText': ''
   },
-  'text': 'survey__input skillbox-input',
+  'text': 'survey__input skillbox-input question__input',
   'expression': 'survey__input skillbox-input',
   'file': {
     'root': 'sv_q_file',