css tweaks and improvements

czytelny · Aug 16, 2017 · 5da25a8 · 5da25a8
1 parent 6b9725f
commit 5da25a8
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/src/renderer/components/BoardItem.vue b/src/renderer/components/BoardItem.vue
@@ -73,33 +73,37 @@
     border-bottom: 1px solid #f0f0f0;
     cursor: move;
     position: relative;
-    height: 40px;
+    min-height: 40px;
+    display: flex;
+    justify-content: space-between;
+    padding-bottom: 5px;
   }
 
+
   .item.doneItem {
     opacity: .25;
   }
 
   .actionBtns {
-    position: absolute;
-    right: 5px;
-    top: 35%;
     opacity: 0.45;
     cursor: pointer;
+    flex-shrink: 0;
+    align-self: center;
   }
 
   .actionBtns:hover {
     opacity: 1;
   }
 
   .item label {
-    margin-top: 15px;
+    margin-top: 12px;
     padding-left: 5px;
     font-size: 1.3em;
     transition: all .7s;
     border-left: 2px solid transparent;
     cursor: pointer;
     line-height: 14px;
+    align-self: flex-start;
   }
 
   .item label:hover {