diff --git a/src/app/monitor/monitor.component.ts b/src/app/monitor/monitor.component.ts
index caa749b..b3efc6d 100644
--- a/src/app/monitor/monitor.component.ts
+++ b/src/app/monitor/monitor.component.ts
@@ -561,6 +561,16 @@ export class MonitorComponent implements OnInit, OnDestroy {
return "mailto:" + this.properties.feedbackmail + "?subject=%5BOpenAIRE%20Monitor%5D%20" + (this.stakeholder ? this.stakeholder.name : "") + "%20dashboard%20feedback"
}
+ public getNumberClassBySize(size: IndicatorSize) {
+ if (size === 'small') {
+ return 'uk-width-medium';
+ } else if (size === 'medium') {
+ return 'uk-width-1-4@l uk-width-1-2@m uk-width-1-1';
+ } else {
+ return 'uk-width-1-2@l uk-width-1-1@m uk-width-1-1';
+ }
+ }
+
public getChartClassBySize(size: IndicatorSize) {
if (size === 'small') {
return 'uk-width-1-3@xl uk-width-1-2@m uk-width-1-1';
diff --git a/src/app/topic/indicators.component.html b/src/app/topic/indicators.component.html
index c02cecf..bd47309 100644
--- a/src/app/topic/indicators.component.html
+++ b/src/app/topic/indicators.component.html
@@ -43,7 +43,7 @@
@@ -106,7 +106,7 @@
-
+
Create a new number Indicator
@@ -240,7 +240,7 @@
-
+
Create a custom indicator
@@ -284,10 +284,10 @@
placeholder="Select a status"
label="Visibility" [options]="stakeholderUtils.visibility" type="select">
-
+
diff --git a/src/app/topic/indicators.component.ts b/src/app/topic/indicators.component.ts
index 1a501be..e6903f8 100644
--- a/src/app/topic/indicators.component.ts
+++ b/src/app/topic/indicators.component.ts
@@ -436,6 +436,16 @@ export class IndicatorsComponent implements OnInit, OnDestroy, OnChanges, AfterV
return this.chartIndicatorFb.get('indicatorPaths') as FormArray;
}
+ public getNumberClassBySize(size: IndicatorSize) {
+ if (size === 'small') {
+ return 'uk-width-medium';
+ } else if (size === 'medium') {
+ return 'uk-width-1-4@l uk-width-1-2@m uk-width-1-1';
+ } else {
+ return 'uk-width-1-2@l uk-width-1-1@m uk-width-1-1';
+ }
+ }
+
public getChartClassBySize(size: IndicatorSize) {
if (size === 'small') {
return 'uk-width-1-3@xl uk-width-1-2@m uk-width-1-1';