docs: Improve dialog citation appereance

Author: roda82

docs/stylesheets/extra.css

@@ -103,6 +103,10 @@
 
 #copy-citation-dialog-button {
   cursor: pointer;
+  top: auto !important;
+  right: 2% !important;
+  bottom: 5% !important;
+  font-size: 30px !important;
 }
 
 #citation-dialog{

overrides/partials/citation-dialog.html

@@ -6,7 +6,7 @@ <h1 class="dialog-header">Export Citation</h1>
             <button id="close-citation-dialog-button" class="close-button md-icon" autofocus>&#x2716</button>
           </div>
     </header>
-    <div class="md-typeset">
+    <div class="md-typeset highlight">
       <pre>
         <code id= "citation">
           {% raw %}
@@ -29,12 +29,11 @@ <h1 class="dialog-header">Export Citation</h1>
 }
           {% endraw %}
           </code>
+              <!--button class="md-clipboard md-icon" title="Copy to clipboard" data-clipboard-target="#citation > code"></button-->
       </pre>
     </div>
-    <div align="right" class="md-typeset">
-      <a ref="#" id="copy-citation-dialog-button" title="Copy citation" class="md-icon">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M208 0H332.1c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9V336c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48zM48 128h80v64H64V448H256V416h64v48c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48z"/></svg>
+      <a ref="#" id="copy-citation-dialog-button" title="Copy citation" class="md-clipboard md-icon">
       </a>
-    </div>
+
 
 </dialog>