Improve hyperlink visibility

src/App.vue

@@ -184,5 +184,24 @@ footer > div.sm > div {
   height: 60px;
 }
 
+/*
+Hyperlink style in about page and article content
+*/
+@media (hover: none) {
+  article a:not(.choose):not(.return_to_results a), .about a {
+     text-decoration: underline;
+  } 
+}
+
+@media (hover: hover) {
+  article  a, .about a {
+     text-decoration: none;
+  } 
+  article a:hover:not(.choose):not(.return_to_results a), .about a:hover {
+  text-decoration: underline;
+  }
+
+}
+
 
 </style>

src/components/Article.vue

@@ -217,22 +217,6 @@ ul li.definition {
 }
 
 
-
-@media (hover: none) {
-  article a:not(.choose):not(.return_to_results a) {
-     text-decoration: underline;
-  } 
-}
-
-@media (hover: hover) {
-  article  a {
-     text-decoration: none;
-  } 
-  article a:hover:not(.choose):not(.return_to_results a) {
-  text-decoration: underline;
-  }
-}
-
 .choose {
   color: var(--v-primary-base) !important;
 }