diff --git a/app/components/BookBuilder/styles/bookBuilder.local.scss b/app/components/BookBuilder/styles/bookBuilder.local.scss index 9a4dc44231ed10a3102221f59c32a4e871188002..0f75b4f25663322a0c1b33c8ef066f6cee25236b 100644 --- a/app/components/BookBuilder/styles/bookBuilder.local.scss +++ b/app/components/BookBuilder/styles/bookBuilder.local.scss @@ -84,6 +84,10 @@ $white: #fff; padding: 0; position: relative; + &:hover { + background: transparent !important; + } + button { float: left; position: relative; diff --git a/app/components/SimpleEditor/SimpleEditor.scss b/app/components/SimpleEditor/SimpleEditor.scss index f238082fc5f5b906fedc1f20fea6c027748ad539..dc46e4fd5e39a8fbd7b8239bf6df281714008dd6 100644 --- a/app/components/SimpleEditor/SimpleEditor.scss +++ b/app/components/SimpleEditor/SimpleEditor.scss @@ -160,7 +160,7 @@ $white: #fff; &:first-child { background-color: $white; box-shadow: 0 0 8px $dark-gray; - margin: 1.5% 15% 7%; + margin: 1.5% 14% 7%; min-height: 100vh; padding: 3% 4% 1%; transition: .3s; diff --git a/app/components/SimpleEditor/panes/Comments/CommentBox.js b/app/components/SimpleEditor/panes/Comments/CommentBox.js index 437d90b82c1378e4df8c878b907550d73936a609..e9afc3082292d2f02dc321a3700308026595fae2 100644 --- a/app/components/SimpleEditor/panes/Comments/CommentBox.js +++ b/app/components/SimpleEditor/panes/Comments/CommentBox.js @@ -70,9 +70,11 @@ class CommentBox extends Component { .on('click', this.reply) const inputBox = $$('div') + .addClass('sc-new-comment') .append(textarea, reply, resolve) - box.addClass('sc-comment-active') + box + .addClass('sc-comment-active') .append(inputBox) } diff --git a/app/components/SimpleEditor/panes/Comments/commentsPane.scss b/app/components/SimpleEditor/panes/Comments/commentsPane.scss index 8dd780a075e9c0fab69786c9bfe08c873cbc8cc0..4deca414b095dda9b99972f91f7c8008499b421e 100644 --- a/app/components/SimpleEditor/panes/Comments/commentsPane.scss +++ b/app/components/SimpleEditor/panes/Comments/commentsPane.scss @@ -27,6 +27,10 @@ $white: #fff; word-wrap: break-word; z-index: 0; + .sc-new-comment { + margin: 5px 10px 5px 5px; + } + textarea { background-color: $gray; border: 1px solid $dark-gray; @@ -34,11 +38,11 @@ $white: #fff; display: block; font-family: 'Fira Sans'; font-size: 14px; - margin: 5px; + margin-bottom: 5px; outline: none; overflow: hidden; resize: none; - width: 95%; + width: 100%; } .comment-reply { @@ -49,7 +53,8 @@ $white: #fff; float: right; height: 25px; margin-bottom: 5px; - margin-right: 8px; + position: relative; + right: -4px; text-align: center; transition: .2s; width: 25px; @@ -67,7 +72,6 @@ $white: #fff; float: right; height: 25px; margin-bottom: 5px; - margin-left: 8px; margin-right: 5px; text-align: center; width: 25px;