From eb6fbdf779a008183f6790ce06167c8a21890300 Mon Sep 17 00:00:00 2001
From: eldadfux <eldad.fux@gmail.com>
Date: Fri, 9 Aug 2019 09:05:45 +0300
Subject: [PATCH] Added sepearator in box comps

---
 app/views/console/keys/index.phtml     |  4 ++--
 app/views/console/tasks/index.phtml    | 20 ++++++++++----------
 app/views/console/webhooks/index.phtml |  4 +++-
 3 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/app/views/console/keys/index.phtml b/app/views/console/keys/index.phtml
index 03cd1ed3b6..70c8750d47 100644
--- a/app/views/console/keys/index.phtml
+++ b/app/views/console/keys/index.phtml
@@ -38,7 +38,7 @@ $scopes = [ // TODO sync with project list
     <div class="box margin-bottom" data-ls-if="0 != {{console-keys.length}}" style="display: none;">
         <ul data-ls-loop="console-keys" data-ls-as="key" class="list">
             <li class="clear">
-                <div data-ui-modal class="modal close" data-button-text="Update" data-button-class="pull-end">
+                <div data-ui-modal class="modal box close" data-button-text="Update" data-button-class="pull-end">
                     <button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>
 
                     <h1>Update API Key</h1>
@@ -119,7 +119,7 @@ $scopes = [ // TODO sync with project list
     </div>
 
     <div class="clear">
-        <div data-ui-modal class="modal close" data-button-text="Add API Key">
+        <div data-ui-modal class="modal box close" data-button-text="Add API Key">
             <button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>
 
             <h1>Add API Keys</h1>
diff --git a/app/views/console/tasks/index.phtml b/app/views/console/tasks/index.phtml
index 4e609cb240..6fb8fef195 100644
--- a/app/views/console/tasks/index.phtml
+++ b/app/views/console/tasks/index.phtml
@@ -74,7 +74,7 @@ use Utopia\Locale\Locale;
                         </div>
                     </td>
                     <td>
-                        <div data-ui-modal class="modal close" data-button-text="" data-button-class="pull-end reverse round" data-button-icon="icon-cog">
+                        <div data-ui-modal class="modal box close" data-button-text="" data-button-class="pull-end reverse round" data-button-icon="icon-cog">
                             <button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>
 
                             <h1>Update Task</h1>
@@ -104,7 +104,7 @@ use Utopia\Locale\Locale;
                                 </label>
 
                                 <label data-ls-attrs="for=schedule-{{task.$uid}}">Schedule (CRON Syntax)</label>
-                                <input type="text" class="full-width" data-ls-attrs="id=schedule-{{task.$uid}}" name="schedule" required autocomplete="off" data-ls-bind="{{task.schedule}}" />
+                                <input type="text" class="full-width" data-ls-attrs="id=schedule-{{task.$uid}}" name="schedule" required autocomplete="off" data-ls-bind="{{task.schedule}}" placeholder="* * * * *" />
 
                                 <div class="row thin">
                                     <div class="col span-4">
@@ -179,9 +179,9 @@ use Utopia\Locale\Locale;
                                     </div>
                                 </div>
 
-                                <div>
-                                    <button type="submit">Update</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Cancel</button>
-                                </div>
+                                <hr />
+
+                                <button type="submit">Update</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Cancel</button>
                             </form>
 
                             <form class="margin-top"
@@ -209,7 +209,7 @@ use Utopia\Locale\Locale;
     </div>
 
     <div class="clear">
-        <div data-ui-modal class="modal close" data-button-text="Add Task">
+        <div data-ui-modal class="modal box close" data-button-text="Add Task">
             <button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>
 
             <h1>Add Task</h1>
@@ -238,7 +238,7 @@ use Utopia\Locale\Locale;
                 </label>
 
                 <label for="schedule">Schedule (CRON Syntax)</label>
-                <input type="text" class="full-width" id="schedule" name="schedule" required autocomplete="off" />
+                <input type="text" class="full-width" id="schedule" name="schedule" required autocomplete="off" placeholder="* * * * *" />
 
                 <div class="row thin">
                     <div class="col span-4">
@@ -299,10 +299,10 @@ use Utopia\Locale\Locale;
                         <input type="password" class="full-width" id="httpPass" name="httpPass" autocomplete="off" />
                     </div>
                 </div>
+                
+                <hr />
 
-                <div>
-                    <button type="submit">Create</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Cancel</button>
-                </div>
+                <button type="submit">Create</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Cancel</button>
             </form>
         </div>
     </div>
diff --git a/app/views/console/webhooks/index.phtml b/app/views/console/webhooks/index.phtml
index fff3f4a672..99bbfa1e2e 100644
--- a/app/views/console/webhooks/index.phtml
+++ b/app/views/console/webhooks/index.phtml
@@ -135,7 +135,9 @@ $events = [
                 <span data-ls-if="0 == {{webhook.security}}" style="display: none;">
                     &nbsp; <span class="note text-danger">(SSL/TLS Disabled)</span>
                 </span>
-                <p class="note margin-bottom-no margin-top-small"><span class="tag green">POST</span> <span data-ls-bind="{{webhook.url}}"></span></p>
+                <div class="margin-top-tiny">
+                    <a data-ls-attrs="href={{webhook.url}}" data-ls-bind="{{webhook.url}}" target="_blank" class="text-one-liner"></a>
+                </div>
             </li>
         </ul>
     </div>