From 63fd5c336cb3deb5934c167c176200bbcf98678c Mon Sep 17 00:00:00 2001
From: Rob Culliton <rob.culliton@gmail.com>
Date: Wed, 2 May 2018 18:23:39 -0400
Subject: [PATCH] basic material look for 3 dot button

---
 resources/templates/home.html          |  3 +++
 src/cljs/commiteth/manage_payouts.cljs | 16 +++++++++++-----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/resources/templates/home.html b/resources/templates/home.html
index 6afe0ca..1bbc98a 100644
--- a/resources/templates/home.html
+++ b/resources/templates/home.html
@@ -66,6 +66,9 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
 /></noscript>
 <link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css" rel="stylesheet" type="text/css" />
 <link href="https://unpkg.com/tachyons@4.9.1/css/tachyons.min.css" rel="stylesheet" type="text/css" />
+<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
+<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
 <link href="/css/style.css?v={{commiteth-version}}" rel="stylesheet" type="text/css" />
 <script type="text/javascript" src="/js/app.js?v={{commiteth-version}}"></script>
 <script>
diff --git a/src/cljs/commiteth/manage_payouts.cljs b/src/cljs/commiteth/manage_payouts.cljs
index f730cba..65e8559 100644
--- a/src/cljs/commiteth/manage_payouts.cljs
+++ b/src/cljs/commiteth/manage_payouts.cljs
@@ -247,18 +247,24 @@
     [:div bottom]]])
 
 (defn small-card-balances [bounty]
-  [:div.f6
+  [:div.f6.fl.w-80
    [ui-balances/token-balances (bnt/crypto-balances bounty) :label]
    [:div
     [ui-balances/usd-value-label (:value-usd bounty)]]])
 
-(defn unclaimed-bounty [{value-usd :value-usd :as bounty}]
+
+;; [revoke-button bounty]
+(defn three-dots-button [{value-usd :value-usd :as bounty}]
+  (when (pos? value-usd)
+    [:div.fl.w-20
+     [:button#menu-lower-right.mdl-button.mdl-js-button.mdl-button--icon
+      [:i.material-icons "more_horiz"]]]))
+
+(defn unclaimed-bounty [bounty]
   [:div.w-third-l.fl-l.pa2
    [square-card
     [bounty-title-link bounty {:show-date? true :max-length 60}]
-    (when (> value-usd 0)
-      [revoke-button bounty])
-    [small-card-balances bounty]]])
+    [:div [small-card-balances bounty] [three-dots-button bounty]]]])
 
 (defn paid-bounty [bounty]
   [:div.w-third-l.fl-l.pa2