diff --git a/fonts/kitematic.eot b/fonts/kitematic.eot index 29b7a10466..3bccd0f7fc 100644 Binary files a/fonts/kitematic.eot and b/fonts/kitematic.eot differ diff --git a/fonts/kitematic.svg b/fonts/kitematic.svg index 0eb4c9c371..717dfdef22 100644 --- a/fonts/kitematic.svg +++ b/fonts/kitematic.svg @@ -7,21 +7,25 @@ - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/kitematic.ttf b/fonts/kitematic.ttf index fed09b3609..72bb395c5a 100644 Binary files a/fonts/kitematic.ttf and b/fonts/kitematic.ttf differ diff --git a/fonts/kitematic.woff b/fonts/kitematic.woff index cec78819b3..121ee6e711 100644 Binary files a/fonts/kitematic.woff and b/fonts/kitematic.woff differ diff --git a/src/components/ContainerDetailsSubheader.react.js b/src/components/ContainerDetailsSubheader.react.js index 8e2dd754d1..14eb1f0614 100644 --- a/src/components/ContainerDetailsSubheader.react.js +++ b/src/components/ContainerDetailsSubheader.react.js @@ -179,10 +179,6 @@ var ContainerDetailsSubheader = React.createClass({
EXEC
-
-
-
VIEW
-
Home diff --git a/src/components/ContainerHomeFolders.react.js b/src/components/ContainerHomeFolders.react.js index acd051daae..ff01c58d70 100644 --- a/src/components/ContainerHomeFolders.react.js +++ b/src/components/ContainerHomeFolders.react.js @@ -78,7 +78,7 @@ var ContainerHomeFolder = React.createClass({
Edit Files
-
+
diff --git a/src/components/ContainerHomePreview.react.js b/src/components/ContainerHomePreview.react.js index 2295c30f8e..8048310a1c 100644 --- a/src/components/ContainerHomePreview.react.js +++ b/src/components/ContainerHomePreview.react.js @@ -57,7 +57,10 @@ var ContainerHomePreview = React.createClass({
Web Preview
-
+
+ +
+
@@ -82,7 +85,7 @@ var ContainerHomePreview = React.createClass({
IP & PORTS
-
+
diff --git a/styles/icons.less b/styles/icons.less index 433502efa6..820f86fe74 100644 --- a/styles/icons.less +++ b/styles/icons.less @@ -41,53 +41,65 @@ } .icon-add:before { - content: "b"; + content: "a"; +} +.icon-badge-private:before { + content: "e"; +} +.icon-restart:before { + content: "f"; +} +.icon-browser-view:before { + content: "g"; +} +.icon-search:before { + content: "h"; +} +.icon-start:before { + content: "i"; +} +.icon-delete:before { + content: "j"; +} +.icon-stop:before { + content: "l"; +} +.icon-tag:before { + content: "m"; +} +.icon-expand:before { + content: "q"; +} +.icon-favorite:before { + content: "r"; +} +.icon-feedback:before { + content: "s"; +} +.icon-link:before { + content: "t"; +} +.icon-more:before { + content: "u"; +} +.icon-preferences:before { + content: "v"; } .icon-badge-official:before { content: "c"; } -.icon-badge-private:before { +.icon-docker-cli:before { content: "d"; } -.icon-browser-view:before { - content: "e"; -} -.icon-delete:before { - content: "f"; -} .icon-docker-exec:before { - content: "h"; -} -.icon-favorite:before { - content: "j"; -} -.icon-feedback:before { content: "k"; } -.icon-more:before { - content: "l"; -} -.icon-preferences:before { - content: "m"; -} -.icon-restart:before { +.icon-user:before { content: "n"; } -.icon-docker-cli:before { - content: "a"; +.icon-open-external:before { + content: "b"; } -.icon-user:before { - content: "g"; -} -.icon-expand:before { - content: "i"; -} -.icon-search:before { - content: "p"; -} -.icon-start:before { +.icon-edit:before { content: "o"; } -.icon-stop:before { - content: "q"; -} diff --git a/styles/main.less b/styles/main.less index f10f9047c0..a952ed77c6 100644 --- a/styles/main.less +++ b/styles/main.less @@ -28,7 +28,9 @@ html, body { -webkit-user-drag: none; font-family: @font-regular; cursor: default; - -webkit-font-smoothing: subpixel-antialiased; + //-webkit-font-smoothing: subpixel-antialiased; + text-rendering: optimizelegibility; + -webkit-font-smoothing: antialiased; img { pointer-events: none; } diff --git a/styles/mixins.less b/styles/mixins.less index 0044bc200b..637881a41a 100644 --- a/styles/mixins.less +++ b/styles/mixins.less @@ -45,13 +45,13 @@ font-weight: 500; color: @gray-light; } - .settings { + .action { flex: 0 auto; height: 40px; width: 40px; align-self: flex-end; border-left: 1px solid @color-divider; - padding-top: 0.3rem; + padding-top: 0.8rem; padding-left: 0.9rem; .box-button(); } diff --git a/styles/right-panel.less b/styles/right-panel.less index 14cad4cda9..6c4e8fe321 100644 --- a/styles/right-panel.less +++ b/styles/right-panel.less @@ -67,22 +67,6 @@ font-size: 20px; margin-left: 0.6rem; } - &.stop { - position: relative; - top: 0.3rem; - .icon { - font-size: 16px; - margin-top: 1rem; - } - } - &.start { - position: relative; - top: 0.3rem; - .icon { - font-size: 16px; - margin-top: 1rem; - } - } } .btn-label { text-align: center;