Fixed link styles, imported component to quiz

Author: phre1

examples/quiz/Example.vue

@@ -68,7 +68,7 @@
 
   // Import necessary components and classes
   import FlowForm from '../../src/components/FlowForm.vue'
-  import QuestionModel, { QuestionType, ChoiceOption} from '../../src/models/QuestionModel'
+  import QuestionModel, { QuestionType, ChoiceOption, LinkOption } from '../../src/models/QuestionModel'
   import LanguageModel from '../../src/models/LanguageModel'
   // If using the npm package, use the following line instead of the ones above.
   // import FlowForm, { QuestionModel, QuestionType, ChoiceOption, LanguageModel } from '@ditdot-dev/vue-flow-form'

src/assets/css/common.css

@@ -327,10 +327,8 @@ span.f-answered{
 }
 
 /*links*/
-
 a.f-link, 
 .field-submittype .section-wrap a {
-  margin-right: 10px;
   color: inherit;
   border-bottom: 1px dotted;
   word-break: break-word;
@@ -435,15 +433,19 @@ span.f-text {
   margin-right: .6rem;
 }
 
+/*description*/
 p.description {
   margin-top: 0;
   padding-right: 4rem;
 }
 
-p.description span {
-  margin-right: 10px;
+p.description span,
+p.description a.f-link {
+  margin-right: 8px;
 }
 
+
+
 /*f-radios (multiple-choice)*/
 ul.f-radios {
   margin: 0;