From 8b4a5f2124947b599e85735387e5a220def42e71 Mon Sep 17 00:00:00 2001
From: Awilum <awilum@msn.com>
Date: Tue, 28 Jan 2020 18:31:54 +0300
Subject: [PATCH] feat(admin-plugin): refact styles #211

---
 site/plugins/admin/assets/src/components/buttons.css   |  6 ++++--
 site/plugins/admin/assets/src/components/dropdowns.css |  4 ++--
 site/plugins/admin/assets/src/components/forms.css     | 10 ++++++++++
 .../admin/templates/system/api/delivery/index.html     |  4 ++--
 4 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/site/plugins/admin/assets/src/components/buttons.css b/site/plugins/admin/assets/src/components/buttons.css
index 8b9d8e2a..5f5c1f18 100644
--- a/site/plugins/admin/assets/src/components/buttons.css
+++ b/site/plugins/admin/assets/src/components/buttons.css
@@ -1,8 +1,10 @@
 /**
- * COMPONENTS / DROPDOWN
+ * COMPONENTS / BUTTONS
  *
  * INDEX:
- * - dropdown
+ * - button
+ * - button--white
+ * - button-group
  *
  */
 
diff --git a/site/plugins/admin/assets/src/components/dropdowns.css b/site/plugins/admin/assets/src/components/dropdowns.css
index 6cd972e4..68e251c4 100644
--- a/site/plugins/admin/assets/src/components/dropdowns.css
+++ b/site/plugins/admin/assets/src/components/dropdowns.css
@@ -36,10 +36,10 @@
     font-size: 14px;
     line-height: 14px;
 
-    display: inline-block;
-
     width: 14px;
     height: 14px;
 
     fill: white;
+
+    @apply inline-block;
 }
diff --git a/site/plugins/admin/assets/src/components/forms.css b/site/plugins/admin/assets/src/components/forms.css
index dea8d5fe..d576c3e5 100644
--- a/site/plugins/admin/assets/src/components/forms.css
+++ b/site/plugins/admin/assets/src/components/forms.css
@@ -1,3 +1,13 @@
+/**
+ * COMPONENTS / FORMS
+ *
+ * INDEX:
+ * - form-control-title
+ * - form-control
+ * - form-group
+ *
+ */
+
 .form-control-title
 {
     @apply font-bold;
diff --git a/site/plugins/admin/templates/system/api/delivery/index.html b/site/plugins/admin/templates/system/api/delivery/index.html
index a27c65e7..1290258c 100644
--- a/site/plugins/admin/templates/system/api/delivery/index.html
+++ b/site/plugins/admin/templates/system/api/delivery/index.html
@@ -42,12 +42,12 @@
                             </button>
                             <div class="js-dropdown dropdown">
                                 <a class="dropdown__item" href="{{ path_for('admin.api_tokens.edit') }}?api={{ api }}&api_token={{ token.dirname }}">
-                                    <i class="fas fa-edit dropdown__icon"></i>
+                                    <i class="dropdown__icon">{{ filesystem_read(PATH_PLUGINS ~ '/admin/assets/icons/solid/edit.svg')|raw }}</i>
                                     {{ tr('admin_edit') }}</a>
                                 <div class="dropdown__divider"></div>
                                 <a class="dropdown__item" href="javascript:;" onclick="event.preventDefault();
                           document.getElementById('delete-api-token-id-{{ token.dirname }}').submit();">
-                                    <i class="fas fa-trash-alt dropdown__icon"></i>
+                                    <i class="dropdown__icon">{{ filesystem_read(PATH_PLUGINS ~ '/admin/assets/icons/solid/trash-alt.svg')|raw }}</i>
                                     {{ tr('admin_delete') }}</a>
                                 <form id="delete-api-token-id-{{ token.dirname }}" action="{{ path_for('admin.api_tokens.deleteProcess') }}" method="POST" style="display: none;">
                                     {{ csrf() }}