Increase space between tab name and count icon (#690)

* add gap between tab names and counter * make gap larger
qbicsoftware · Jul 5, 2024 · e028e64 · e028e64
1 parent e6b6b0a
commit e028e64
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/user-interface/frontend/themes/datamanager/components/page-area.css b/user-interface/frontend/themes/datamanager/components/page-area.css
@@ -196,6 +196,10 @@
   white-space: nowrap;
 }
 
+.tab-with-count {
+  gap: var(--lumo-space-s);
+}
+
 .ontology-lookup-component {
   display: flex;
   flex-direction: column;

diff --git a/...ife/qbic/datamanager/views/projects/project/measurements/MeasurementDetailsComponent.java b/...ife/qbic/datamanager/views/projects/project/measurements/MeasurementDetailsComponent.java
@@ -625,6 +625,7 @@ public MeasurementTechnologyTab(String technology, int measurementCount) {
       this.add(technologyNameComponent, sampleCountComponent);
       setTechnologyName(technology);
       setMeasurementCount(measurementCount);
+      addClassName("tab-with-count");
     }
 
     public String getTabLabel() {