add 5px gap and align center

Author: RayBB

openlibrary/templates/covers/external_image.html

@@ -4,10 +4,10 @@
     <div class="label">
         <label>$_("Or, use a cover from %s", source_name)</label>
     </div>
-    <div style="display: flex; flex-direction: row;">
+    <div style="display: flex; flex-direction: row; gap: 5px;">
         $for url in [img_url_cover, img_url_title]:
             $if url:
-                <div class="input">
+                <div class="input" style="align-items: center;">
                     <a href="$url" target="_blank" style="flex-direction: column;">
                         <img class="ol-cover-form--external_image" src="$url" style="height: 200px" alt="" />
                     </a>