Fix links CSS

Author: EkaterinaVu

src/assets/css/common.css

@@ -332,8 +332,8 @@ a.f-link,
 .field-submittype .section-wrap a {
   margin-right: 10px;
   color: inherit;
-  border-bottom: 1px solid;
-  white-space: pre-wrap;
+  border-bottom: 1px dotted;
+  word-break: break-word;
 }
 
 a.f-link:hover, 
@@ -440,6 +440,10 @@ p.description {
   padding-right: 4rem;
 }
 
+p.description span {
+  margin-right: 10px;
+}
+
 /*f-radios (multiple-choice)*/
 ul.f-radios {
   margin: 0;

src/components/Question.vue

@@ -50,7 +50,7 @@
           </div>
         </div>
         <p v-if="question.description || question.descriptionLink" class="description">
-          {{ question.description }}
+          <span>{{ question.description }}</span>
           <a
             v-for="(link, index) in question.descriptionLink" 
             class="f-link"