💄 UI stylings

2019-10-22 17:32:26 +05:30
parent 705fd9971f
commit 4b3cee7f43
9 changed files with 55 additions and 31 deletions
--- a/components/collections/folder.vue
+++ b/components/collections/folder.vue
@@ -14,10 +14,10 @@
            </button>
          </div>
          <div>
-            <button class="icon" @click="editFolder">
+            <button class="icon" @click="editFolder" v-tooltip="'Edit folder'">
              <i class="material-icons">edit</i>
            </button>
-            <button class="icon" @click="removeFolder">
+            <button class="icon" @click="removeFolder" v-tooltip="'Delete folder'">
              <i class="material-icons">delete</i>
            </button>
          </div>
@@ -46,7 +46,8 @@

    ul li {
        display: flex;
-        padding-left: 1rem;
+        padding-left: 16px;
+        border-left: 1px solid var(--brd-color);
    }
 </style>