diff --git a/browser/main/Detail/DetailVars.styl b/browser/main/Detail/DetailVars.styl index 6306c9e0..80ee094d 100644 --- a/browser/main/Detail/DetailVars.styl +++ b/browser/main/Detail/DetailVars.styl @@ -5,5 +5,7 @@ // Margin on the left side and the right side for NoteDetail component. $note-detail-left-margin = 100px $note-detail-right-margin = 120px +$snippet-note-detail-left-margin = 60px +$snippet-note-detail-right-margin = 80px $note-detail-box-shadow = 2px 0 15px -8px #b1b1b1 inset diff --git a/browser/main/Detail/NoteDetailInfo.styl b/browser/main/Detail/NoteDetailInfo.styl index a4927485..a9261bd0 100644 --- a/browser/main/Detail/NoteDetailInfo.styl +++ b/browser/main/Detail/NoteDetailInfo.styl @@ -50,6 +50,7 @@ $info-margin-under-border = 30px top 60px bottom 1px padding-left 30px + z-index 101 .undo-button width 34px diff --git a/browser/main/Detail/SnippetNoteDetail.styl b/browser/main/Detail/SnippetNoteDetail.styl index a91b1f82..ea327d58 100644 --- a/browser/main/Detail/SnippetNoteDetail.styl +++ b/browser/main/Detail/SnippetNoteDetail.styl @@ -9,8 +9,8 @@ .body absolute left right - left $note-detail-left-margin - right $note-detail-right-margin + left $snippet-note-detail-left-margin + right $snippet-note-detail-right-margin top $info-height + $info-margin-under-border bottom $statusBar-height background-color $ui-noteDetail-backgroundColor @@ -55,7 +55,7 @@ .override absolute bottom left - bottom 2px + bottom 5px height 18px left 60px z-index 101 diff --git a/browser/main/StatusBar/StatusBar.styl b/browser/main/StatusBar/StatusBar.styl index 6bbc2300..d005cb2e 100644 --- a/browser/main/StatusBar/StatusBar.styl +++ b/browser/main/StatusBar/StatusBar.styl @@ -3,7 +3,7 @@ .root position absolute bottom 10px - left 10px + right 10px z-index 100 background-color $ui-noteDetail-backgroundColor display flex