Update toolbar style

1 files changed, 20 insertions, 10 deletions

diff --git a/src/main/assets/style.css b/src/main/assets/style.css
index 1c8fb023..94052ac2 100644
--- a/src/main/assets/style.css
+++ b/src/main/assets/style.css
@@ -214,21 +214,31 @@ body > header {
 
 /* #region left column internals */
 
+.toolbar {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    border-top: 1px solid #eee;
+}
+
+.toolbar a {
+    padding: 14px;
+    color: #88859d;
+    align-items: center;
+    vertical-align: middle;
+    border-right: 2px solid transparent;
+}
+.toolbar > a:hover {
+    background-color: #f8f8f8;
+    cursor: pointer;
+    border-right: 2px solid #ff339a;
+}
+
 #column ul,
 #column p,
 #column hr {
     margin: 10px 0;
 }
-#column li > a {
-    display: block;
-    height: 100%;
-    padding: 6px;
-}
-#column li > a:hover {
-    background-color: #fff;
-    border: 1px solid #eee;
-    transition: background-color 0.2s ease-in;
-}
 #column .margtop {
     margin-top: 15px;
 }