change to how links are presented

web/app/static/styles/main.css

   }
 }
 
+.resource a {
+  text-decoration: underline;
+}
+
 a:hover {
   opacity: 0.9;
 }

web/app/templates/book.html

 
     <div class="left">
         <div class="mb-2">Book</div>
-        <div class="lg:border-r-2 border-black pr-8">
+        <div class="lg:border-r-2 border-black pr-8 resource">
             {% if resource.references %}
             <div class="float-right">
                 <img class="w-14 h-14 lg:w-40 lg:h-40 object-contain  lg:m-16 rotate-[15deg]" src={{ resource.references

web/app/templates/resource.html

 <div class="cell-margin grid mt-16 lg:grid-cols-2">
     <div class="left ">
         <div class="mb-4 capitalize">{{ resource['type'] }}</div>
-        <div class="lg:border-r-2 lg:border-black lg:pr-8">
+        <div class="lg:border-r-2 lg:border-black lg:pr-8 resource">
             <h2 class="block-margin huge-title {{ resource['type'] }}">
                 {% block title %}
                 {% autoescape false %}