diff --git a/src/scss/fonts/icons.eot b/src/res/fonts/icons.eot similarity index 100% rename from src/scss/fonts/icons.eot rename to src/res/fonts/icons.eot diff --git a/src/scss/fonts/icons.svg b/src/res/fonts/icons.svg similarity index 100% rename from src/scss/fonts/icons.svg rename to src/res/fonts/icons.svg diff --git a/src/scss/fonts/icons.ttf b/src/res/fonts/icons.ttf similarity index 100% rename from src/scss/fonts/icons.ttf rename to src/res/fonts/icons.ttf diff --git a/src/scss/fonts/icons.woff b/src/res/fonts/icons.woff similarity index 100% rename from src/scss/fonts/icons.woff rename to src/res/fonts/icons.woff diff --git a/src/scss/_chat.scss b/src/scss/_chat.scss index c7420a4..8bc7e12 100644 --- a/src/scss/_chat.scss +++ b/src/scss/_chat.scss @@ -45,6 +45,7 @@ .chat-button { float: right; a { + font-size: 24px; color: #fff; } } @@ -69,7 +70,7 @@ } .chat-empty { - color: #eee; + color: #999; left: 0; position: absolute; right: 0; @@ -199,7 +200,11 @@ color: #fff; bottom: 8px; right: 8px; - padding: 4px 6px 0; + padding: 0 6px; + + .icon { + font-size: 24px; + } &:focus { outline: none; diff --git a/src/scss/_fonts.scss b/src/scss/_fonts.scss index e5fe449..dd3746e 100755 --- a/src/scss/_fonts.scss +++ b/src/scss/_fonts.scss @@ -1,10 +1,10 @@ @font-face { font-family: 'icons'; - src: url('./fonts/icons.eot?ij9tsv'); - src: url('./fonts/icons.eot?ij9tsv#iefix') format('embedded-opentype'), - url('./fonts/icons.woff?ij9tsv') format('woff'), - url('./fonts/icons.ttf?ij9tsv') format('truetype'), - url('./fonts/icons.svg?ij9tsv#icons') format('svg'); + src: url('../res/fonts/icons.eot?ij9tsv'); + src: url('../res/fonts/icons.eot?ij9tsv#iefix') format('embedded-opentype'), + url('../res/fonts/icons.woff?ij9tsv') format('woff'), + url('../res/fonts/icons.ttf?ij9tsv') format('truetype'), + url('../res/fonts/icons.svg?ij9tsv#icons') format('svg'); font-weight: normal; font-style: normal; } @@ -26,8 +26,6 @@ display: inline-block; text-decoration: inherit; - width: 1em; - margin-right: .2em; text-align: center; /* opacity: .8; */ @@ -38,10 +36,6 @@ /* fix buttons height, for twitter bootstrap */ line-height: 1em; - /* Animation center compensation - margins should be symmetric */ - /* remove if not needed */ - margin-left: .2em; - /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ diff --git a/src/scss/_toolbar.scss b/src/scss/_toolbar.scss index 5736b3d..2ab32a1 100644 --- a/src/scss/_toolbar.scss +++ b/src/scss/_toolbar.scss @@ -13,6 +13,7 @@ &.off { display: block; } + font-size: 24px; color: #fff; position: absolute; top: 12px;