diff --git a/css/client.css b/css/client.css index 1e05d19..ebe9f20 100644 --- a/css/client.css +++ b/css/client.css @@ -32,6 +32,13 @@ margin-left: 8px; } +.ClientView .platforms { + background-image: url('../images/platform-icon.svg'); + background-repeat: no-repeat; + background-position: 0 center; + padding-left: 28px; +} + .ClientView .actions a.badge { display: inline-block; height: 40px; diff --git a/images/platform-icon.svg b/images/platform-icon.svg new file mode 100644 index 0000000..125b671 --- /dev/null +++ b/images/platform-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/open/ClientView.js b/src/open/ClientView.js index 7bc9868..17721c7 100644 --- a/src/open/ClientView.js +++ b/src/open/ClientView.js @@ -34,7 +34,7 @@ export class ClientView extends TemplateView { t.div({className: "description"}, [ t.h3(vm.name), t.p(vm.description), - t.p(formatPlatforms(vm.availableOnPlatformNames)), + t.p({className: "platforms"}, formatPlatforms(vm.availableOnPlatformNames)), ]), t.img({className: "clientIcon", src: vm.iconUrl}) ]),