fix design btn mark as read

tracim/tracim/public/assets/css/dashboard.css

@@ -241,7 +241,8 @@ table.first_column_headers tr td:first-child {
     margin-bottom: 0;
 }
 
-#sidebar-right, a.btn { font-size: 1.2em; text-align: left;}
+#sidebar-right { font-size: 1.2em; text-align: left;}
+#sidebar-right .btn { text-align: left; }
 #sidebar-right .btn-group-vertical { width: 100%; }
 
 th { text-align: center; }
@@ -461,6 +462,10 @@ span.info.readonly {
 .workspace__detail__wrapper {
   padding: 0 15px;
 }
+.workspace__detail__wrapper__btnTagAsRead {
+  float: right;
+  font-size: 14px;
+}
 
 .content__detail {
   padding: 0 15px;
@@ -590,6 +595,10 @@ div.mce-fullscreen {
   background-color: #bce8f1;
   color: #31708f;
 }
+.content__home__tab__content-unread {
+    float: right;
+  margin-bottom: 15px;
+}
 
 @media (max-width: 999px) {
   body {

tracim/tracim/templates/home.mak

@@ -96,7 +96,10 @@
                 % if fake_api.last_unread.nb <= 0:
                     ${P.EMPTY_CONTENT(_('No new content.'))}
                 % else:
-                    <a href="${tg.url('/content/mark_all_read')}" class="btn btn-default"> ${_('Mark everything as read')} </a>
+                    <a href="${tg.url('/content/mark_all_read')}" class="content__home__tab__content-unread btn btn-default">
+                        <i class="fa fa-check-circle-o"></i>
+                        ${_('Mark everything as read')}
+                    </a>
                     <table class="table table-hover">
                         % for item in fake_api.last_unread.contents:
                             <tr>

tracim/tracim/templates/workspace/getone.mak

@@ -54,11 +54,13 @@
 
 
 <div class="workspace__detail__wrapper">
-     %if fake_api.last_unread.nb > 0:
-         <% workspace_id = result.workspace.id %>
-         <a href="${tg.url('/workspaces/{ws_id}/mark_read'.format(ws_id = workspace_id))}" class="btn btn-default"> ${_('Mark this workspace as read')} </a>
-
-     %endif
+    %if fake_api.last_unread.nb > 0:
+        <% workspace_id = result.workspace.id %>
+        <a href="${tg.url('/workspaces/{ws_id}/mark_read'.format(ws_id = workspace_id))}" class="workspace__detail__wrapper__btnTagAsRead btn btn-default">
+            <i class="fa fa-check-circle-o"></i>
+            ${_('Mark this workspace as read')}
+        </a>
+    %endif
 
     ${TITLE.H3(_('Detail'), 'fa-align-justify', 'workspace-members')}
     % if result.workspace.description: