Fix style in non-definition texts in articles

src/components/Article.vue

@@ -156,10 +156,16 @@ section.etymology ul, section.pronunciation ul, section.etymology li, section.pr
   display: inline;
 }
 
-section.etymology li:not(:first-child):before, section.pronunciation li:not(:first-child):before {
+section.etymology li:not(:first-child):not(:last-child):before, section.pronunciation li:not(:first-child):not(:last-child):before {
   content: ", ";
 }
 
+section.etymology li:not(:first-child):last-child:before, section.pronunciation li:not(:first-child):last-child:before {
+  content: " eller ";
+  font-style: italic;
+  font-size: smaller;
+}
+
 li {
   padding-bottom: 4px;
 }

src/components/DefElement.vue

@@ -93,10 +93,15 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
-.usage, .pronunciation_guide {
+.usage {
   font-style: italic;
 }
 
+.pronunciation_guide {
+  font-style: italic;
+  font-size: smaller;
+}
+
 .numerator{
   vertical-align: super;
   padding-right: 2px;