Set a min-width on allele names in summary

pombase · Oct 20, 2023 · fb099ce · fb099ce
1 parent af30f97
commit fb099ce
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/app/genotype-allele-summary/genotype-allele-summary.component.css b/src/app/genotype-allele-summary/genotype-allele-summary.component.css
@@ -11,3 +11,7 @@ table.genotype-allele-summary th, table.genotype-allele-summary td {
   padding: 0.2em 2em 0.2em 0.2em;
   vertical-align: top;
 }
+
+td.allele-name {
+  min-width: 8.5em;
+}
diff --git a/src/app/genotype-allele-summary/genotype-allele-summary.component.html b/src/app/genotype-allele-summary/genotype-allele-summary.component.html
@@ -23,7 +23,7 @@
       <td *ngIf="showProduct && i == 0" [attr.rowspan]="isDiploid ? 2 : 1">
         {{expressedAllele.allele.gene?.product}}
       </td>
-      <td>
+      <td class="allele-name">
         <span [innerHTML]="tidyAlleleName(expressedAllele.allele.name)"></span>
       </td>
       <td *ngIf="hasSynonyms">