From def5bdb8c486715ed62a17017040390b9e1e5370 Mon Sep 17 00:00:00 2001
From: Mosab Ibrahim <miaababikir@gmail.com>
Date: Wed, 6 May 2020 17:51:27 +0200
Subject: [PATCH] Some fixes

---
 src/components/UI/Forms/MultiColumnForm.vue | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/components/UI/Forms/MultiColumnForm.vue b/src/components/UI/Forms/MultiColumnForm.vue
index 7257c75..026f425 100644
--- a/src/components/UI/Forms/MultiColumnForm.vue
+++ b/src/components/UI/Forms/MultiColumnForm.vue
@@ -29,6 +29,23 @@
                     </label>
                 </div>
             </div>
+            <div class="flex flex-col sm:flex-row py-8">
+                <div class="sm:w-1/4">
+                    <h2 class="text-xl text-gray-700">Settings</h2>
+                </div>
+                <div class="sm:w-3/4 grid grid-cols-1 sm:grid-cols-2 gap-6">
+                    <label class="block">
+                        <span class="text-gray-700">Forward to</span>
+                        <input type="text"
+                               class="px-4 py-2 rounded bg-gray-200 border border-gray-300 mt-1 block w-full">
+                    </label>
+                    <label class="block">
+                        <span class="text-gray-700">API Token</span>
+                        <input type="text"
+                               class="px-4 py-2 rounded bg-gray-200 border border-gray-300 mt-1 block w-full">
+                    </label>
+                </div>
+            </div>
             <div class="flex justify-end mt-4">
                 <button class="px-4 py-2 bg-gray-800 text-gray-200 rounded">Save</button>
             </div>