From a7165f2d66afe21d29d5ea33a99005420f3370dc Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Mon, 23 May 2016 22:35:29 +0800
Subject: [PATCH] modify style

---
 app/index.html         | 10 +++++-----
 app/styles/aria-ng.css | 13 +++++++++++++
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/app/index.html b/app/index.html
index 995626c..fedc6e2 100644
--- a/app/index.html
+++ b/app/index.html
@@ -36,28 +36,28 @@
         <nav class="navbar navbar-static-top" role="navigation">
             <ul class="nav navbar-nav">
                 <li>
-                    <a class="pointer-cursor" title="{{'New' | translate}}">
+                    <a class="toolbar" title="{{'New' | translate}}">
                         <i class="fa fa-plus"></i>
                         <span translate>New</span>
                     </a>
                 </li>
                 <li>
-                    <a class="pointer-cursor" title="{{'Start' | translate}}">
+                    <a class="toolbar" title="{{'Start' | translate}}">
                         <i class="fa fa-play"></i>
                     </a>
                 </li>
                 <li>
-                    <a class="pointer-cursor" title="{{'Pause' | translate}}">
+                    <a class="toolbar" title="{{'Pause' | translate}}">
                         <i class="fa fa-pause"></i>
                     </a>
                 </li>
                 <li>
-                    <a class="pointer-cursor" title="{{'Delete' | translate}}">
+                    <a class="toolbar" title="{{'Delete' | translate}}">
                         <i class="fa fa-trash-o"></i>
                     </a>
                 </li>
                 <li>
-                    <a class="pointer-cursor dropdown-toggle" data-toggle="dropdown" title="{{'Display Order' | translate}}">
+                    <a class="toolbar dropdown-toggle" data-toggle="dropdown" title="{{'Display Order' | translate}}">
                         <i class="fa fa-sort-alpha-asc"></i>
                     </a>
                     <ul class="dropdown-menu" role="menu">
diff --git a/app/styles/aria-ng.css b/app/styles/aria-ng.css
index ef09d0e..b19fb6f 100644
--- a/app/styles/aria-ng.css
+++ b/app/styles/aria-ng.css
@@ -181,6 +181,17 @@ td {
     }
 }
 
+/* toolbar */
+.toolbar {
+    cursor: pointer;
+}
+
+.toolbar:active {
+    -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, .125);
+    -moz-box-shadow: inset 0 2px 6px rgba(0, 0, 0, .125);
+    box-shadow: inset 0 2px 6px rgba(0, 0, 0, .125);
+}
+
 /* dropdown-submenu */
 .dropdown-menu small {
     color: #999;
@@ -263,6 +274,8 @@ td {
 
 .task-table .task-table-title {
     font-size: 12px;
+    padding-top: 4px;
+    padding-bottom: 4px;
 }
 
 .task-table .task-table-title a {