diff --git a/alien4cloud-wizard-ui/src/main/webapp/app/features/catalog/catalog-list/catalog-list.component.html b/alien4cloud-wizard-ui/src/main/webapp/app/features/catalog/catalog-list/catalog-list.component.html index b89ac04..464aadf 100644 --- a/alien4cloud-wizard-ui/src/main/webapp/app/features/catalog/catalog-list/catalog-list.component.html +++ b/alien4cloud-wizard-ui/src/main/webapp/app/features/catalog/catalog-list/catalog-list.component.html @@ -20,10 +20,10 @@ -
+
{{catalog.description}}
-
+
format_align_justify
-
+
{{ overview.description }}
@@ -40,15 +40,15 @@ Type - - {{element.nodeType.elementId|w4cToscaTypeShortName}} - - - - Version - - {{element.nodeType.archiveVersion}} + +
+
+ {{element.nodeType.elementId|w4cToscaTypeShortName}} +
+
+ {{element.nodeType.archiveVersion}} +
+
diff --git a/alien4cloud-wizard-ui/src/main/webapp/app/shared/components/topology-overview/topology-overview.component.scss b/alien4cloud-wizard-ui/src/main/webapp/app/shared/components/topology-overview/topology-overview.component.scss index 8d632d6..5de17db 100644 --- a/alien4cloud-wizard-ui/src/main/webapp/app/shared/components/topology-overview/topology-overview.component.scss +++ b/alien4cloud-wizard-ui/src/main/webapp/app/shared/components/topology-overview/topology-overview.component.scss @@ -1,5 +1,5 @@ .desciption { - height: 300px; + height: 320px; overflow-y: scroll; padding: 5px; margin: 5px; diff --git a/alien4cloud-wizard-ui/src/main/webapp/app/shared/components/topology-overview/topology-overview.component.ts b/alien4cloud-wizard-ui/src/main/webapp/app/shared/components/topology-overview/topology-overview.component.ts index 14ae4ae..9d06629 100644 --- a/alien4cloud-wizard-ui/src/main/webapp/app/shared/components/topology-overview/topology-overview.component.ts +++ b/alien4cloud-wizard-ui/src/main/webapp/app/shared/components/topology-overview/topology-overview.component.ts @@ -1,11 +1,12 @@ -import {Component, Input} from '@angular/core'; +import {Component, Input, ViewEncapsulation} from '@angular/core'; import {Router} from '@angular/router'; import {TopologyOverview} from "@app/core"; @Component({ selector: 'w4c-topology-overview', templateUrl: './topology-overview.component.html', - styleUrls: ['./topology-overview.component.scss'] + styleUrls: ['./topology-overview.component.scss'], + encapsulation: ViewEncapsulation.None }) export class TopologyOverviewComponent { @@ -15,7 +16,7 @@ export class TopologyOverviewComponent { private router: Router) { } - modulesDisplayedColumns = ['icon', 'nodeName', 'typeName', 'version', 'metaproperties']; + modulesDisplayedColumns = ['icon', 'nodeName', 'typeName', 'metaproperties']; /** * Inidicates if the graph view should be displayed. diff --git a/alien4cloud-wizard-ui/src/main/webapp/assets/styles/_w4c-static.scss b/alien4cloud-wizard-ui/src/main/webapp/assets/styles/_w4c-static.scss index e0c7249..42dfbd6 100644 --- a/alien4cloud-wizard-ui/src/main/webapp/assets/styles/_w4c-static.scss +++ b/alien4cloud-wizard-ui/src/main/webapp/assets/styles/_w4c-static.scss @@ -103,3 +103,9 @@ $text-primary: #428bca; fill: white; stroke: white; } + +.mat-tab-label { + min-width: 15px !important; + max-height: 24px !important; + font-size: 12px !important; +}