added option labels to dash recent items

brain/views/partials/front.pug

@@ -15,6 +15,13 @@
     - for ( index; index < pages.length; index++)
       a.post-link(href="/@/dashboard/page/edit/"+pages[index].page.metadata.uuid id=pages[index].page.metadata.uuid style="background:url("+pages[index].page.metadata.feature+") no-repeat center center / cover")
         div
-          label= pages[index].page.metadata.title
           span= pages[index].date
+          label= pages[index].page.metadata.title
+          #options
+            - var menu = String(pages[index].page.metadata.menu)
+            - var published = String(pages[index].page.metadata.published)
+            - var featured = String(pages[index].page.metadata.featured)
+            span.item-options(data-active=menu) MENU ITEM
+            span.item-options(data-active=published)  PUBLISHED
+            span.item-options(data-active=featured)  FEATURED
 

src/libraries/FipamoAPI.js

@@ -38,6 +38,7 @@ export default class APIUtils {
 	//--------------------------
 	// methods
 	//--------------------------
+	//TODO: Make 'private' class
 	request(
 		requestURL,
 		eventType,

src/styles/main/_index.styl

@@ -122,23 +122,25 @@
             position relative
 
             label
-              font-size 0.7em
+              font-size 1.2em
               font-weight 700
               color $primary - 60%
               padding 5px
               vertical-align top
               display inline-block
               word-wrap break-word
-              width 60%
+              width 100%
+              text-align center
 
             span
-              float right
               vertical-align top
+              width 100%
               display inline-block
               font-family $monoType
               font-size 0.5em
               padding 7px
               color $primary - 60%
+              text-align: center
 
             div
               width 100%
@@ -146,6 +148,24 @@
               position absolute
               bottom 0
               border-radius 0 0 3px 3px
+              #options
+                display inline-block
+                vertical-align: top
+                width: 100%
+                position relative
+                text-align: center
+                .item-options[data-active='false']
+                  width 65px
+                  background $primary - 60%
+                  color $white
+                  border-radius 3px
+                  margin 5px
+                .item-options[data-active='true']
+                  width 70px
+                  background $tertiary + 50%
+                  color $primary - 60%
+                  border-radius 3px
+                  margin 5px
 
           a:nth-child(3)
             width 100%