diff --git a/client/css/style.css b/client/css/style.css index 7f70f99e..2af34d74 100644 --- a/client/css/style.css +++ b/client/css/style.css @@ -103,6 +103,25 @@ button { -webkit-perspective: 1000; perspective: 1000; } +#viewport .lt, +#viewport .rt { + color: #ccc; + display: none; + float: left; + line-height: 40px; + height: 36px; + margin: 6px 12px 0 -12px; + width: 36px; +} +#viewport .lt:before, +#viewport .rt:before { + font: 14px FontAwesome; + content: "\f0c9"; +} +#viewport .rt { + float: right; + margin: 6px -12px 0 12px; +} #sidebar { bottom: 0; left: 0; @@ -351,6 +370,10 @@ button { #windows .active { display: block; } +#windows .window .lt { + margin-top: 4px; + margin-left: 8px; +} #chat { bottom: 0; font: 13px Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace; @@ -368,25 +391,6 @@ button { height: 48px; padding: 0 20px; } -#chat .header .lt, -#chat .header .rt { - color: #ccc; - display: none; - float: left; - line-height: 40px; - height: 36px; - margin: 6px 12px 0 -12px; - width: 36px; -} -#chat .header .lt:before, -#chat .header .rt:before { - font: 14px FontAwesome; - content: "\f0c9"; -} -#chat .header .rt { - float: right; - margin: 6px -12px 0 12px; -} #chat .header .title { font: 16px Lato; } @@ -698,8 +702,8 @@ button { #chat .chat { right: 0; } - #chat .header .lt, - #chat .channel .header .rt { + #viewport .lt, + #viewport .channel .rt { display: block; } #chat .sidebar { diff --git a/client/index.html b/client/index.html index b9fa80b2..36f7ae4a 100644 --- a/client/index.html +++ b/client/index.html @@ -35,6 +35,7 @@