diff --git a/web/src/components/Sessions/index.js b/web/src/components/Sessions/index.js index 510eaacb..ab27a2e4 100644 --- a/web/src/components/Sessions/index.js +++ b/web/src/components/Sessions/index.js @@ -18,13 +18,13 @@ const Sessions = (props) => { {sessions[session].caps.version} {sessions[session].caps.name && ( -
+
{sessions[session].caps.name}
)} {sessions[session].caps.enableVNC && (
- VNC +  VNC
)} diff --git a/web/src/components/Sessions/style.scss b/web/src/components/Sessions/style.scss index 5d06a8e8..4544f2b9 100644 --- a/web/src/components/Sessions/style.scss +++ b/web/src/components/Sessions/style.scss @@ -54,14 +54,15 @@ $color-session-name: #555f6a; } .session-cap { - height: 25px; - line-height: 25px; + height: 30px; + line-height: 30px; box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .12); margin: -3px 5px 0; padding: 0 5px; &__name { - overflow: scroll; + overflow-x: visible; + overflow-y: hidden; background-color: $color-session-name; font-family: "Source Code Pro", Menlo, Monaco, Consolas, "Courier New", monospace; @@ -73,8 +74,9 @@ $color-session-name: #555f6a; &__with-vnc { background-color: $color-accent; padding: 0 10px; - line-height: 22px; - width: 43px; + line-height: 26px; + width: 45px; + text-align: center; } } }