Replace icons and image label width mods

Author: phre1

examples/questionnaire/Example.vue

@@ -105,8 +105,8 @@
           }),
            new QuestionModel({
             id: 'multiple_choice_image',
-            tagline: "Let's take it one step further",
-            title: 'Tell us what is your favorite social network 😍',
+            tagline: "Let's take it one step further...",
+            title: 'Tell us what is your favorite social network hangout.',
             helpTextShow: false,
             type: QuestionType.MultiplePictureChoice,
             multiple: false,

examples/questionnaire/assets/images/facebook.png

@@ -634,7 +634,7 @@ header.vff-header svg.f-logo {
 */
 
 .vff .field-multiplepicturechoice ul.f-radios{
-  max-width: 790px;
+  max-width: 750px;
   min-width: auto;
   display: -ms-flexbox;
   display: flex;
@@ -671,7 +671,7 @@ header.vff-header svg.f-logo {
   justify-content: center;
   overflow: hidden;
   width: 100%;
-  height: 150px;
+  height: 140px;
   margin-bottom: 8px;
 }
 
@@ -946,6 +946,10 @@ header.vff-header svg.f-logo {
     font-size: 14px;
   }
 
+  .vff .field-multiplepicturechoice ul.f-radios li span.f-image{
+    height: 90px;
+  }
+
 }
 
 @media screen and (max-width:479px) {
@@ -1020,7 +1024,7 @@ header.vff-header svg.f-logo {
   }
 
   .vff .field-multiplepicturechoice ul.f-radios {
-    max-width: 360px;
+    max-width: 320px;
   }
 
   .vff .field-multiplepicturechoice ul.f-radios li{
@@ -1065,4 +1069,8 @@ header.vff-header svg.f-logo {
     font-size: .6em;
   }
 
+  .vff .field-multiplepicturechoice ul.f-radios li span.f-image{
+    height: 90px;
+  }
+
 }