Fix: fix styling of translate button in titles

UI/Base/WeblateLink.svelte

@@ -21,7 +21,7 @@
     </a>
   {:else if $linkToWeblate}
     <a href={LinkToWeblate.hrefToWeblate($language, context)} class="weblate-link hidden-on-mobile mx-1" target="_blank">
-      <img src="./assets/svg/translate.svg" class="w-3 h-3 rounded-full font-gray" />
+      <img src="./assets/svg/translate.svg" class="w-3 h-3 rounded-full font-gray inline-block" />
     </a>
   {/if}
 {/if}

UI/BigComponents/SelectedElementTitle.svelte

@@ -56,10 +56,6 @@
 {/if}
 
 <style>
-    .title-icons {
-
-    }
-
     :global(.title-icons a) {
         display: block !important;
     }

index.css

@@ -461,9 +461,20 @@ select:hover {
     display: none;
 }
 
-.no-weblate weblate {
+.weblate-link {
-    display: none;
+    width: fit-content;
+    flex-shrink: 0;
+    margin: 0;
+    padding: 0.25rem;
+    border: unset;
+    border-radius: 5rem;
+    backdrop-filter: var(--low-interaction-background);
 }
+
+.no-weblate .weblate-link {
+    display: none !important;
+}
+
 .link-underline a {
     text-decoration: underline 1px var(--foreground-color);
 }

public/css/index-tailwind-output.css

@@ -2281,8 +2281,21 @@ select:hover {
   display: none;
 }
 
-.no-weblate weblate {
+.weblate-link {
-  display: none;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  flex-shrink: 0;
+  margin: 0;
+  padding: 0.25rem;
+  border: unset;
+  border-radius: 5rem;
+  -webkit-backdrop-filter: var(--low-interaction-background);
+          backdrop-filter: var(--low-interaction-background);
+}
+
+.no-weblate .weblate-link {
+  display: none !important;
 }
 
 .link-underline a {