avoid wrapping the prefLabel copy button to the next line

NatLibFi · Feb 1, 2024 · 972b16a · 972b16a
1 parent 5bbc632
commit 972b16a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/resource/css/skosmos.css b/resource/css/skosmos.css
@@ -691,14 +691,15 @@ body {
   }
 
   #concept-label h1 {
-    float: left;
+    display: inline;
   }
 
   #copy-preflabel .fa-copy {
     color: var(--vocab-text);
     font-size: 30px;
     position: relative;
-    bottom: -3px;
+    bottom: 10px;
+    left: 5px;
   }
 
   #copy-uri .fa-copy {

diff --git a/src/view/concept-card.inc b/src/view/concept-card.inc
@@ -31,7 +31,7 @@
         <div class="col-sm-4 px-0" id="concept-property-label">{{ "skos:prefLabel" | trans }}</div>
         <div class="col-sm-8" id="concept-label">
           <h1 id="concept-preflabel" class="mb-0 user-select-all">{{ concept.label }}</h1>
-          <button class="btn btn-default copy-clipboard" type="button" id="copy-preflabel"
+          <button class="btn btn-default copy-clipboard px-0" type="button" id="copy-preflabel"
                   data-bs-toggle="tooltip" data-bs-placement="button" title="{{ 'Copy to clipboard' | trans }}">
             <i class="fa-regular fa-copy"></i>
           </button>

diff --git a/src/view/scripts.inc b/src/view/scripts.inc
@@ -24,7 +24,7 @@ const SKOSMOS = {
   {%- if request.plugins.callbacks ~%}
   "pluginCallbacks": [{% for function in request.plugins.callbacks %}{% if not loop.first %}, {% endif %}"{{ function }}"{% endfor %}],
   {%- endif ~%}
-  "language_strings" :{ "fi": { "fi": "suomi",
+  "language_strings": { "fi": { "fi": "suomi",
                                 "en": "englanti",
                                 "se": "pohjoissaame",
                                 "sv": "ruotsi",
@@ -38,7 +38,7 @@ const SKOSMOS = {
                                 "en": "English",
                                 "se": "Northern Sami",
                                 "sv": "Swedish",
-                                "all": "In all languages"},},
+                                "all": "In all languages"}}
 }
 </script>