Tags icon

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;

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;

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"}