some design changes in board list

Signed-off-by: Artem Anufrij <artem.anufrij@live.de>

css/style.css

@@ -676,6 +676,10 @@ button.button-inline:hover {
 	overflow: scroll;
 }
 
+#boardlist thead td {
+	color: #999;
+}
+
 #boardlist td .board-bullet {
 	width: 30px;
 	height: 30px;
@@ -685,11 +689,6 @@ button.button-inline:hover {
 	cursor: pointer;
 	display: block;
 }
-#boardlist .app-popover-menu-utils {
-	width: 30px;
-	display: inline;
-	position: relative;
-}
 
 .popovermenu ul {
 	display: flex !important;
@@ -708,7 +707,7 @@ button.button-inline:hover {
 }
 
 .cell-board-bullet {
-	width: 60px;
+	width: 50px;
 }
 
 .cell-board-title {
@@ -719,6 +718,10 @@ button.button-inline:hover {
 	opacity: 0.5;
 }
 
+#boardlist tr:last-child td {
+	opacity: 0.5;
+}
+
 #boardlist td form {
 	display: flex;
 	width: 100%;
@@ -738,8 +741,20 @@ button.button-inline:hover {
 
 #boardlist td .app-popover-menu-utils {
 	float: right;
+	width: 30px;
+	display: inline;
+	position: relative;
 }
 
+#boardlist td .app-popover-menu-utils button {
+	opacity: 0.3;
+}
+
+#boardlist td .app-popover-menu-utils:hover button {
+	opacity: 0.7;
+}
+
+
 #boardlist .popovermenu {
 	margin-top: 5px;
 }

templates/part.boardlist.php

@@ -31,7 +31,7 @@
 			<td>
 				<div class="hint"></div>
 				<div class="app-popover-menu-utils" ng-if="b.deletedAt == 0">
-					<button class="icon icon-more button-inline" title="More actions"></button>
+					<button class="icon icon-more button-inline" title="<?php p($l->t('More actions')); ?>"></button>
 					<div class="popovermenu bubble hidden">
 						<ul>
 							<li ng-if="boardservice.canManage(b) && !b.archived" ng-click="boardArchive(b)">