diff --git a/app/assets/stylesheets/app/_notes.scss b/app/assets/stylesheets/app/_notes.scss index d0b7975ee..a052e7748 100644 --- a/app/assets/stylesheets/app/_notes.scss +++ b/app/assets/stylesheets/app/_notes.scss @@ -35,7 +35,7 @@ .filter-section { clear: left; - height: 32px; + height: 29px; margin-top: 14px; position: relative; @@ -46,7 +46,7 @@ color: #909090; text-align: center; font-weight: normal; - font-size: 16px; + font-size: var(--sn-stylekit-font-size-h3); line-height: 35px; border: none; diff --git a/app/assets/stylesheets/app/_tags.scss b/app/assets/stylesheets/app/_tags.scss index 815791e9a..3d9f15485 100644 --- a/app/assets/stylesheets/app/_tags.scss +++ b/app/assets/stylesheets/app/_tags.scss @@ -53,12 +53,22 @@ > .tag-info { height: 20px; + display: flex; + flex-direction: row; + align-items: center; + + > .tag-icon { + width: 10px; + opacity: 0.2; + font-size: var(--sn-stylekit-font-size-h2); + font-weight: bold; + margin-right: 6px; + } > .title { width: 80%; background-color: transparent; font-weight: 600; - float: left; color: var(--sn-stylekit-secondary-foreground-color); border: none; cursor: pointer; diff --git a/app/assets/templates/tags.html.haml b/app/assets/templates/tags.html.haml index 1a595f18e..33bca1c2e 100644 --- a/app/assets/templates/tags.html.haml +++ b/app/assets/templates/tags.html.haml @@ -26,6 +26,7 @@ %span.sk-bold Tags .tag{"ng-repeat" => "tag in ctrl.tags track by tag.uuid", "ng-click" => "ctrl.selectTag(tag)", "ng-class" => "{'selected' : ctrl.selectedTag == tag}"} .tag-info + .tag-icon # %input.title{"ng-class" => "{'editing' : ctrl.editingTag == tag}", "ng-attr-id" => "tag-{{tag.uuid}}", "ng-click" => "ctrl.selectTag(tag)", "ng-model" => "tag.title", "ng-keyup" => "$event.keyCode == 13 && $event.target.blur()", "sn-autofocus" => "true", "should-focus" => "ctrl.newTag || ctrl.editingTag == tag", "ng-change" => "ctrl.tagTitleDidChange(tag)", "ng-blur" => "ctrl.saveTag($event, tag)", "spellcheck" => "false"}