Target Classifications: make component standalone

components/report_cards/target/NameAndClassification.vue

@@ -63,6 +63,8 @@
               :protein-classifications="
                 nameAndClassificationData._metadata.protein_classification
               "
+              :item-i-d="itemID"
+              :entity-i-d="entityID"
             />
           </div>
         </v-col>

components/report_cards/target/TargetCrystalStructures.vue

@@ -6,19 +6,28 @@
     </template>
     <template v-if="!loading && thereAreAccessions">
       <v-card-text>
-        <v-btn
-          v-for="accession in uniProtAccessions"
-          :key="accession"
-          depressed
-          color="primary"
-          :href="`https://www.uniprot.org/uniprot/${accession}`"
-          target="_blank"
-          class="a-button"
-        >
-          {{ accession }}
+        <v-row>
+          <v-col
+            v-for="accession in uniProtAccessions"
+            :key="accession"
+            cols="6"
+            sm="3"
+            lg="2"
+          >
+            <div class="d-flex justify-center align-center">
+              <v-btn
+                depressed
+                color="primary"
+                :href="`https://www.uniprot.org/uniprot/${accession}`"
+                target="_blank"
+              >
+                {{ accession }}
 
-          <v-icon> mdi-open-in-new </v-icon>
-        </v-btn>
+                <v-icon> mdi-open-in-new </v-icon>
+              </v-btn>
+            </div>
+          </v-col>
+        </v-row>
       </v-card-text>
     </template>
   </v-card>
@@ -95,8 +104,4 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
-.a-button {
-  margin-right: 5px;
-}
-</style>
+<style lang="scss" scoped></style>

web-components-submodule @ 90d092e3

-Subproject commit 35d960ddb1ba11b49ce4becc53ce7651770e54b3
+Subproject commit 90d092e3a4d86cffc1c80164cea2129f6474b407