update button and label styles within the reader

ecds · Jan 23, 2025 · 461f97d · 461f97d
1 parent 4aaf1dd
commit 461f97d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/apps/static/js/vue-readux.js b/apps/static/js/vue-readux.js
@@ -244,7 +244,7 @@ Vue.component("v-info-content-url-single", {
       <div class="rx-info-content-label uk-flex-between rx-flex">
         <span>{{label}}</span>
         <div>
-          <span class="rx-btn"
+          <span class="uk-label rx-label-copy"
             v-clipboard:copy="url"
             v-clipboard:success="onCopy"
             v-clipboard:error="onError">Copy</span>
@@ -273,7 +273,7 @@ Vue.component("v-info-content-url-unit", {
       <a v-bind:href="url" class="rx-anchor"
         target="_blank">{{url}}</a>
       <div>
-        <span class="rx-btn"
+        <span class="uk-label rx-label-copy"
           v-clipboard:copy="url"
           v-clipboard:success="onCopy"
           v-clipboard:error="onError">Copy</span>
@@ -317,7 +317,7 @@ Vue.component("v-info-content-url-external", {
       <div class="rx-info-content-label uk-flex-between rx-flex ">
         <span>{{label}}</span>
         <div>
-          <span class="rx-btn"
+          <span class="uk-label rx-label-copy"
             v-clipboard:copy="localUrl"
             v-clipboard:success="onCopy"
             v-clipboard:error="onError">Copy</span>
@@ -368,7 +368,7 @@ Vue.component("v-info-content-url-image-link", {
       <div class="rx-info-content-label uk-flex-between rx-flex ">
         <span v-if="localUrls !== undefined">{{label}}</span>
         <div>
-          <span class="rx-btn"
+          <span class="uk-label rx-label-copy"
             v-clipboard:copy="localUrls"
             v-clipboard:success="onCopy"
             v-clipboard:error="onError" v-if="localUrls !== undefined">Copy</span>

diff --git a/apps/templates/_page/_information.html b/apps/templates/_page/_information.html
@@ -55,10 +55,10 @@
         {% if volume.collections is not None %}
         <div class="rx-info-content">
           <div class="rx-info-content-label">Collections</div>
-          <div class="rx-info-content-value uk-margin-small-top">
+          <div class="rx-info-content-value">
             {% for col in volume.collections.all %}
             <a class="nav-link" href="{% url 'collection' col.pid %}">
-              <div class="rx-btn rx-btn-collection">{{ col.label }}</div>
+              <div class="uk-label rx-label-copy">{{ col.label }}</div>
             </a>
             {% endfor %}
           </div>