flagging unflagging cards

web/themes/custom/materiotheme/assets/styles/main.scss

@@ -694,6 +694,45 @@ article.card{
       line-height: 1;
     }
   }
+  nav.tools{
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 21;
+    width: 1em;
+    background-color: #fff;
+    box-sizing: content-box;
+    padding: 0.3em 0.1em;
+    >*{
+      overflow: visible;
+      position: relative;
+      span.btn{
+        overflow: hidden;
+        font-size: 0.882em;
+      }
+      .tool-content{
+        position: absolute;
+        top: 0px;
+        right: 100%;
+        width: 5em;
+        box-sizing: content-box;
+        padding: 0.3em;
+        background-color: #fff;
+        box-shadow: -2px 3px 4px rgba(0, 0, 0, 0.2);
+      }
+    }
+    .tool.flags{
+      span.flag{
+        cursor: pointer;
+        font-size: 0.756em;
+        color: #bbb;
+        transition: color 0.3s ease-in-out;
+        &:hover, &.isActive{
+          color:#1a1a1a;
+        }
+      }
+    }
+  }
   section.images{
     position: relative;
     &, *{width: 100%; height:100%;}