From 3c4e5a080bc59aa20f49e2307a3d778d160b105e Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Tue, 21 Mar 2023 09:48:38 +0100
Subject: [PATCH] small fixes

---
 package-lock.json                             |  2 +-
 resources/css/app.css                         |  4 +-
 .../views/livewire/run-command.blade.php      | 98 ++++---------------
 resources/views/welcome.blade.php             |  2 +-
 4 files changed, 25 insertions(+), 81 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ece4b4d9c..63682f793 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
 {
-    "name": "coolify",
+    "name": "html",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
diff --git a/resources/css/app.css b/resources/css/app.css
index bd6213e1d..d6d88bf25 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -1,3 +1,3 @@
-@tailwind base;
+/* @tailwind base;
 @tailwind components;
-@tailwind utilities;
\ No newline at end of file
+@tailwind utilities; */
diff --git a/resources/views/livewire/run-command.blade.php b/resources/views/livewire/run-command.blade.php
index 370264e6c..aa7aeaddd 100755
--- a/resources/views/livewire/run-command.blade.php
+++ b/resources/views/livewire/run-command.blade.php
@@ -1,85 +1,29 @@
 <div>
     <div>
-        <div>
-            <label for="command">
-                <input class="py-2 rounded ring-1" id="command" wire:model="command" type="text"/>
-            </label>
-            <button
-                @disabled($activity)
-                class="bg-indigo-500 rounded py-2 px-4 disabled:bg-gray-300"
-                wire:click="runCommand"
-            >
-                Run command
-            <button>
-        </div>
+        <label for="command">
+            <input class="py-2 rounded ring-1" id="command" wire:model="command" type="text" />
+        </label>
+        <button wire:click="runCommand">Run command</button>
 
-        <div class="mt-2 flex gap-2">
-            <button
-                @disabled($activity)
-                class="bg-indigo-500 rounded py-2 px-4 disabled:bg-gray-300"
-                wire:click="runSleepingBeauty"
-            >
-                Run sleeping beauty
-            <button>
-        </div>
-        <div class="mt-2 flex gap-2">
-            <button
-                @disabled($activity)
-                class="bg-indigo-500 rounded py-2 px-4 disabled:bg-gray-300"
-                wire:click="runDummyProjectBuild"
-            >
-                Build DummyProject
-            <button>
-        </div>
-
-
-        @isset($activity?->id)
-            <div>
-                Activity: <span>{{ $activity?->id ?? 'waiting' }}</span>
-            </div>
-        @endisset
+        <button wire:click="runSleepingBeauty">Run sleeping beauty</button>
+        <button wire:click="runDummyProjectBuild">Build DummyProject</button>
     </div>
-
-    <div class="w-full h-10"></div>
-
-
-    <div
-        @if($isKeepAliveOn || $manualKeepAlive) wire:poll.750ms="polling" @endif
-    >
-        <pre
-            style="
-            background-color: #FFFFFF;
-            width: 1200px;
-            height: 600px;
-            overflow-y: scroll;
-            display: flex;
-            flex-direction: column-reverse;
-        "
-            placeholder="Build output"
-        >
-        {{ data_get($activity, 'description') }}
-    </pre>
-
-        <div>
-            <input id="manualKeepAlive" name="manualKeepAlive" type="checkbox" wire:model="manualKeepAlive">
-            <label for="manualKeepAlive"> Live content </label>
-        </div>
-
-        @if($isKeepAliveOn || $manualKeepAlive)
+    <div>
+        <input id="manualKeepAlive" name="manualKeepAlive" type="checkbox" wire:model="manualKeepAlive">
+        <label for="manualKeepAlive">Real-time logs</label>
+        @if ($isKeepAliveOn || $manualKeepAlive)
             Polling...
         @endif
-
     </div>
-
-    <pre
-        style="
-            background-color: #FFFFFF;
-            width: 1200px;
-            height: 300px;
-            overflow-y: scroll;
-            display: flex;
-            flex-direction: column-reverse;
-        "
-        placeholder="Build output"
-    >{{ json_encode(data_get($activity, 'properties'), JSON_PRETTY_PRINT) }}</pre>
+    @isset($activity?->id)
+        <div>
+            Activity: <span>{{ $activity?->id ?? 'waiting' }}</span>
+        </div>
+        <pre style="width: 100%;overflow-y: scroll;"
+            @if ($isKeepAliveOn || $manualKeepAlive) wire:poll.750ms="polling" @endif> {{ data_get($activity, 'description') }}</pre>
+        <div>
+            <div>Details:</div>
+            <pre style="width: 100%;overflow-y: scroll;">{{ json_encode(data_get($activity, 'properties'), JSON_PRETTY_PRINT) }}</pre>
+        </div>
+    @endisset
 </div>
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
index 443ef8bae..2c34fca5d 100644
--- a/resources/views/welcome.blade.php
+++ b/resources/views/welcome.blade.php
@@ -11,7 +11,7 @@
 
 <body class="antialiased">
     <h1 class="text-3xl font-bold">
-        Hello from Coolify!
+        Coolify v4
     </h1>
 
     <p class="mt-4">