style: cleanup

Author: annavik

ui/src/design-system/components/toggle-group/toggle-group.module.scss

@@ -15,7 +15,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  aspect-ratio: 1;
+  width: 28px;
   height: 100%;
   outline: none;
 

ui/src/design-system/components/tooltip/basic-tooltip.tsx

@@ -25,7 +25,9 @@ export const BasicTooltip = ({
           {children}
         </Tooltip.Trigger>
         <Tooltip.Content side="bottom">
-          <span className="block">{content}</span>
+          <span className="block text-center whitespace-break-spaces">
+            {content}
+          </span>
         </Tooltip.Content>
       </Tooltip.Root>
     </Tooltip.Provider>

ui/src/pages/algorithm-details/algorithm-details-dialog.tsx

@@ -106,7 +106,7 @@ const AlgorithmDetailsContent = ({ algorithm }: { algorithm: Algorithm }) => (
             target="_blank"
           >
             <span>{translate(STRING.FIELD_LABEL_ALGORITHM_URI)}</span>
-            <ExternalLinkIcon className="w-4 h-4 ml-2" />
+            <ExternalLinkIcon className="w-4 h-4" />
           </a>
         )}
         {algorithm.categoryMapURI && (
@@ -120,7 +120,7 @@ const AlgorithmDetailsContent = ({ algorithm }: { algorithm: Algorithm }) => (
             target="_blank"
           >
             <span>{translate(STRING.FIELD_LABEL_CATEGORY_MAP_DETAILS)}</span>
-            <ExternalLinkIcon className="w-4 h-4 ml-2" />
+            <ExternalLinkIcon className="w-4 h-4" />
           </a>
         )}
       </div>

ui/src/pages/occurrences/occurrence-columns.tsx

@@ -186,7 +186,7 @@ const TaxonCell = ({
 
   return (
     <div id={id} className={styles.taxonCell}>
-      <BasicTableCell>
+      <BasicTableCell style={{ minWidth: '320px' }}>
         <div className={styles.taxonCellContent}>
           <Link to={detailsRoute}>
             <TaxonDetails compact taxon={item.determinationTaxon} />

ui/src/pages/species-details/species-details.tsx

@@ -74,17 +74,19 @@ export const SpeciesDetails = ({ species }: { species: Species }) => {
               />
             </InfoBlockField>
             <InfoBlockField label={translate(STRING.FIELD_LABEL_BEST_SCORE)}>
-              <DeterminationScore
-                score={species.score}
-                scoreLabel={species.scoreLabel}
-                tooltip={
-                  species.score
-                    ? translate(STRING.MACHINE_PREDICTION_SCORE, {
-                        score: `${species.score}`,
-                      })
-                    : undefined
-                }
-              />
+              <div>
+                <DeterminationScore
+                  score={species.score}
+                  scoreLabel={species.scoreLabel}
+                  tooltip={
+                    species.score
+                      ? translate(STRING.MACHINE_PREDICTION_SCORE, {
+                          score: `${species.score}`,
+                        })
+                      : undefined
+                  }
+                />
+              </div>
             </InfoBlockField>
             <InfoBlockField
               className="no-print"

ui/src/pages/species/species-columns.tsx

@@ -42,7 +42,7 @@ export const columns: (projectId: string) => TableColumn<Species>[] = (
           keepSearchParams: true,
         })}
       >
-        <BasicTableCell>
+        <BasicTableCell style={{ minWidth: '320px' }}>
           <TaxonDetails compact taxon={item} />
         </BasicTableCell>
       </Link>