From 6c89180d4c44d4150820ead70bfd83dd112dc7f8 Mon Sep 17 00:00:00 2001
From: Thibault Duplessis <thibault.duplessis@gmail.com>
Date: Tue, 25 Nov 2014 21:42:24 +0100
Subject: [PATCH] tweek bookmark icon

---
 app/views/bookmark/toggle.scala.html | 2 +-
 public/stylesheets/common.css        | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/views/bookmark/toggle.scala.html b/app/views/bookmark/toggle.scala.html
index 316fea51ae..3b89d61fe2 100644
--- a/app/views/bookmark/toggle.scala.html
+++ b/app/views/bookmark/toggle.scala.html
@@ -1,7 +1,7 @@
 @(g: Game)(implicit ctx: Context)
 
 @ctx.me.map { m =>
-<a class="bookmark@isBookmarked(g, m).fold(" bookmarked", "") hint--left" href="@routes.Bookmark.toggle(g.id)" data-hint="@trans.bookmarkThisGame()">
+<a class="bookmark@isBookmarked(g, m).fold(" bookmarked", "") hint--top" href="@routes.Bookmark.toggle(g.id)" data-hint="@trans.bookmarkThisGame()">
   <span data-icon="t" class="on is3"> @g.showBookmarks</span>
   <span data-icon="s" class="off is3"> @g.showBookmarks</span>
 </a>
diff --git a/public/stylesheets/common.css b/public/stylesheets/common.css
index 2b3d3eb3c8..675c715098 100644
--- a/public/stylesheets/common.css
+++ b/public/stylesheets/common.css
@@ -831,6 +831,7 @@ div.side_box .game_infos .bookmark {
   opacity: 0;
   transform: translate(0, -20px);
   transition: 0.3s;
+  z-index: 10; /* to go over the board */
 }
 div.side_box .game_infos:hover .bookmark {
   transform: translate(0, 0);