Fix dimensions badge hover info for small screens

layouts/custom/publications.html

@@ -23,6 +23,10 @@
             width: 10%;
         }
 
+        .badge {
+            text-align: right
+        }
+
         .row:after {
             content: "";
             display: table;
@@ -45,7 +49,7 @@
                 </div>
                 <div class="column right">
                     <br>
-                    <span class="__dimensions_badge_embed__" data-pmid="{{.Params.ppubmed}}" data-legend="hover-right" data-style="small_circle" style="text-align:right"></span><script async src="https://badge.dimensions.ai/badge.js" charset="utf-8"></script>
+                    <span class="__dimensions_badge_embed__" data-pmid="{{.Params.ppubmed}}" data-style="small_circle"></span><script async src="https://badge.dimensions.ai/badge.js" charset="utf-8"></script>
                 </div>
             </div>
             {{ if not (eq .Params.ppubmed "") }}