flagging unflagging cards

web/themes/custom/materiotheme/assets/dist/main.css

@@ -1631,6 +1631,37 @@ article.card {
       font-size: 0.693em;
       font-weight: 300;
       line-height: 1; }
+  article.card 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; }
+    article.card nav.tools > * {
+      overflow: visible;
+      position: relative; }
+      article.card nav.tools > * span.btn {
+        overflow: hidden;
+        font-size: 0.882em; }
+      article.card nav.tools > * .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); }
+    article.card nav.tools .tool.flags span.flag {
+      cursor: pointer;
+      font-size: 0.756em;
+      color: #bbb;
+      transition: color 0.3s ease-in-out; }
+      article.card nav.tools .tool.flags span.flag:hover, article.card nav.tools .tool.flags span.flag.isActive {
+        color: #1a1a1a; }
   article.card section.images {
     position: relative; }
     article.card section.images, article.card section.images * {