From 5932ef09e3681c52cfa058959b5073f912554efd Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Fri, 19 May 2023 14:10:42 +0200
Subject: [PATCH] chevron

---
 resources/css/app.css                                |  2 +-
 .../views/components/applications/navbar.blade.php   | 12 +++++++-----
 resources/views/components/chevron-down.blade.php    |  5 +++++
 .../livewire/project/application/deploy.blade.php    | 10 +++++++---
 4 files changed, 20 insertions(+), 9 deletions(-)
 create mode 100644 resources/views/components/chevron-down.blade.php

diff --git a/resources/css/app.css b/resources/css/app.css
index afda48be6..30a9cb87e 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -36,7 +36,7 @@ button[type="submit"] {
     @apply btn btn-xs no-animation normal-case text-white btn-primary;
 }
 button[isWarning] {
-    @apply btn-error text-white;
+    @apply text-error;
 }
 button[isHighlighted] {
     @apply btn-primary text-white;
diff --git a/resources/views/components/applications/navbar.blade.php b/resources/views/components/applications/navbar.blade.php
index 064086606..553f64160 100644
--- a/resources/views/components/applications/navbar.blade.php
+++ b/resources/views/components/applications/navbar.blade.php
@@ -17,11 +17,12 @@
     </a>
     <div class="flex-1"></div>
     <div class="dropdown dropdown-hover">
-        <x-inputs.button>Links👇 </x-inputs.button>
-        <ul tabindex="0"
-            class="p-2 text-xs text-white normal-case rounded min-w-max dropdown-content menu bg-coolgray-200">
+        <x-inputs.button>Links
+            <x-chevron-down />
+        </x-inputs.button>
+        <ul tabindex="0" class="p-2 font-bold text-white rounded min-w-max dropdown-content menu bg-coolgray-200">
             <li>
-                <a class="text-xs"target="_blank" href="{{ $application->gitBranchLocation }}">
+                <a class="text-xs" target="_blank" href="{{ $application->gitBranchLocation }}">
                     Open on Git
                     <x-external-link />
                 </a>
@@ -30,7 +31,8 @@ class="p-2 text-xs text-white normal-case rounded min-w-max dropdown-content men
                 @foreach ($application->ports_mappings_array as $port)
                     @if (config('app.env') === 'local')
                         <li>
-                            <a class="text-xs" target="_blank" href="http://localhost:{{ explode(':', $port)[0] }}">Open
+                            <a class="text-xs " target="_blank"
+                                href="http://localhost:{{ explode(':', $port)[0] }}">Open
                                 {{ explode(':', $port)[0] }}
                                 <x-external-link />
                             </a>
diff --git a/resources/views/components/chevron-down.blade.php b/resources/views/components/chevron-down.blade.php
new file mode 100644
index 000000000..85e2e70d3
--- /dev/null
+++ b/resources/views/components/chevron-down.blade.php
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
+    fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+    <path d="M6 9l6 6l6 -6" />
+</svg>
diff --git a/resources/views/livewire/project/application/deploy.blade.php b/resources/views/livewire/project/application/deploy.blade.php
index 3c0d0a746..fd786fd3d 100644
--- a/resources/views/livewire/project/application/deploy.blade.php
+++ b/resources/views/livewire/project/application/deploy.blade.php
@@ -2,8 +2,10 @@
     @if ($application->status === 'running')
         <div class="btn-group">
             <x-inputs.button isWarning wire:click='stop'>Stop</x-inputs.button>
-            <div class="border-none dropdown dropdown-hover btn btn-xs bg-coollabs hover:bg-coollabs-100 no-animation">
-                <button tabindex="0" class="flex items-center justify-center h-full">👇</button>
+            <div class="bg-transparent border-none dropdown dropdown-hover btn btn-xs no-animation">
+                <button tabindex="0" class="flex items-center justify-center h-full">
+                    <x-chevron-down />
+                </button>
                 <ul tabindex="0"
                     class="text-xs text-white normal-case rounded min-w-max dropdown-content menu bg-coolgray-200">
                     <li>
@@ -16,7 +18,9 @@ class="text-xs text-white normal-case rounded min-w-max dropdown-content menu bg
         <div class="btn-group">
             <x-inputs.button isHighlighted wire:click='start'>Deploy</x-inputs.button>
             <div class="border-none dropdown dropdown-hover btn btn-xs bg-coollabs hover:bg-coollabs-100 no-animation">
-                <button tabindex="0" class="flex items-center justify-center h-full">👇</button>
+                <button tabindex="0" class="flex items-center justify-center h-full">
+                    <x-chevron-down />
+                </button>
                 <ul tabindex="0"
                     class="text-xs text-white normal-case rounded min-w-max dropdown-content menu bg-coolgray-200">
                     <li>