fix calc link style

PENQEinc · Jul 24, 2023 · 539a12e · 539a12e
1 parent de90fd3
commit 539a12e
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 18 deletions.
diff --git a/lib/TextWithIcon.svelte b/lib/TextWithIcon.svelte
@@ -17,4 +17,5 @@
     <img class="icon" src={icon} alt={iconAlt ?? ""} />
   {/if}
   <span>{text}</span>
+  <slot />
 {/if}
diff --git a/stanzas/heatmap-table/TableRowCalculation.svelte b/stanzas/heatmap-table/TableRowCalculation.svelte
@@ -51,11 +51,6 @@
                     class="link-calc compound"
                   >
                     {compound}
-                    <Fa
-                      icon={faCircleChevronRight}
-                      size="90%"
-                      color="var(--calc-color)"
-                    />
                   </a>
                 </li>
               {/each}
@@ -65,7 +60,13 @@
               iconAlt={calcName}
               slot="trigger"
               icon={calculationType(calcName).src}
-            />
+            >
+              <Fa
+                icon={faCircleChevronRight}
+                size="90%"
+                color="var(--calc-color)"
+              />
+            </TextWithIcon>
           </Popup>
         </li>
       {/each}

diff --git a/stanzas/search-disease/App.svelte b/stanzas/search-disease/App.svelte
@@ -99,11 +99,6 @@
                               href={`${window.location.origin}/dev/calculation/details?assembly=${assembly}&genename=${genename}&calculation_type=${calcName}&Compound_ID=${Compound_ID}&PDB_ID=${PDB_ID}&variant=${variant}`}
                             >
                               {upperFirst(Compound_ID)}
-                              <Fa
-                                icon={faCircleChevronRight}
-                                size="90%"
-                                color="var(--calc-color)"
-                              />
                             </a>
                           </li>
                         {/each}
@@ -113,7 +108,13 @@
                         iconAlt={calcName}
                         slot="trigger"
                         icon={drugIcon}
-                      />
+                      >
+                        <Fa
+                          icon={faCircleChevronRight}
+                          size="90%"
+                          color="var(--calc-color)"
+                        />
+                      </TextWithIcon>
                     </Popup>
                   </li>
                 {/each}

diff --git a/stanzas/search-variant/App.svelte b/stanzas/search-variant/App.svelte
@@ -88,11 +88,6 @@
                               class="link-calc"
                             >
                               {upperFirst(Compound_ID)}
-                              <Fa
-                                icon={faCircleChevronRight}
-                                size="90%"
-                                color="var(--calc-color)"
-                              />
                             </a>
                           </li>
                         {/each}
@@ -102,7 +97,13 @@
                         iconAlt={calcName}
                         slot="trigger"
                         icon={drugIcon}
-                      />
+                      >
+                        <Fa
+                          icon={faCircleChevronRight}
+                          size="90%"
+                          color="var(--calc-color)"
+                        />
+                      </TextWithIcon>
                     </Popup>
                   </li>
                 {/each}