updated icon

FAIRsharing · Sep 11, 2023 · 9623689 · 9623689
1 parent dbfa370
commit 9623689
Showing 1 changed file with 32 additions and 39 deletions.
diff --git a/src/components/Records/Record/Organisations.vue b/src/components/Records/Record/Organisations.vue
@@ -39,43 +39,42 @@
               flat
               outlined
             >
-              <span 
-                v-if="organisationLink.organisation.rorLink"
-                class="ror_icon"
-              >
+              <div>
                 <a
-                  :href="organisationLink.organisation.rorLink"
+                  :href="'/organisations/' + organisationLink.organisation.id"
+                  target="_blank"
+                  class="underline-effect"
                 >
-                  <img
-                    src="/assets/icons/ror-icon-rbg-24.png"
+                  {{ organisationLink.organisation.name }}
+                  <v-tooltip
+                    bottom
                   >
+                    <template #activator="{ on }">
+                      <v-chip
+                        v-if="organisationLink.isLead"
+                        class="ma-2"
+                        color="primary"
+                        label
+                        x-small
+                        v-on="on"
+                      >
+                        Lead
+
+                      </v-chip>
+                    </template>
+                    <span>This is a leading organisation in relation to this resource</span>
+                  </v-tooltip>
                 </a>
-              </span>
-              <a
-                :href="'/organisations/' + organisationLink.organisation.id"
-                target="_blank"
-                class="underline-effect"
-              >
-                {{ organisationLink.organisation.name }}
-                <v-tooltip
-                  bottom
-                >
-                  <template #activator="{ on }">
-                    <v-chip
-                      v-if="organisationLink.isLead"
-                      class="ma-2"
-                      color="primary"
-                      label
-                      x-small
-                      v-on="on"
+                <span v-if="organisationLink.organisation.rorLink">
+                  <a
+                    :href="organisationLink.organisation.rorLink"
+                  >
+                    <img
+                      src="/assets/icons/ror-icon-rbg-24.png"
                     >
-                      Lead
-
-                    </v-chip>
-                  </template>
-                  <span>This is a leading organisation in relation to this resource</span>
-                </v-tooltip>
-              </a>
+                  </a>
+                </span>
+              </div>
               <p
                 v-if="organisationLink.organisation.types.length > 0 && !organisationLink.organisation.types.includes('Undefined')"
                 class="ma-0"
@@ -211,10 +210,4 @@ export default {
   }
 }
 </script>
-<style scoped>
-.ror_icon {
-  display: inline-block;
-  white-space: nowrap;
-  color: crimson;
-}
-</style>
+