From 176e5207e398d5033c740982b46d3ef41f98b75f Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Wed, 2 Nov 2022 14:40:30 +0300
Subject: [PATCH] update center feedbacks

---
 public/css/app.css                            | 29 ++++++++++++++-----
 resources/assets/sass/app.css                 | 14 +++++----
 .../views/install/updates/index.blade.php     |  2 +-
 3 files changed, 32 insertions(+), 13 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index e61a1a105..04e610218 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -1533,26 +1533,41 @@ button, input, optgroup, select, textarea{
 
 /* changelog modal styling for update center */
 
+.change-log-modal .badge{
+  border-radius: 1.5rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(110 161 82 / var(--tw-bg-opacity));
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  font-size: 0.75rem;
+  line-height: 1rem;
+  font-weight: 500;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
 .change-log-modal h2{
-  margin-bottom: 0.75rem;
+  margin-bottom: 0.5rem;
   font-size: 1.375rem;
   line-height: 1.5rem;
   font-weight: 700;
   --tw-text-opacity: 1;
-  color: rgb(66 66 66 / var(--tw-text-opacity));
+  color: rgb(85 88 139 / var(--tw-text-opacity));
 }
 
 .change-log-modal h3{
-  margin-bottom: 0.75rem;
+  margin-bottom: 0.5rem;
   font-size: 1.125rem;
   line-height: 1.75rem;
   font-weight: 700;
   --tw-text-opacity: 1;
-  color: rgb(66 66 66 / var(--tw-text-opacity));
+  color: rgb(85 88 139 / var(--tw-text-opacity));
 }
 
 .change-log-modal ul{
-  margin-bottom: 0.75rem;
+  margin-bottom: 0.5rem;
   list-style-position: inside;
   list-style-type: disc;
 }
@@ -1561,12 +1576,12 @@ button, input, optgroup, select, textarea{
   font-size: 1rem;
   line-height: 1.5rem;
   --tw-text-opacity: 1;
-  color: rgb(66 66 66 / var(--tw-text-opacity));
+  color: rgb(85 88 139 / var(--tw-text-opacity));
 }
 
 .change-log-modal a{
   --tw-text-opacity: 1;
-  color: rgb(85 88 139 / var(--tw-text-opacity));
+  color: rgb(110 161 82 / var(--tw-text-opacity));
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
 }
diff --git a/resources/assets/sass/app.css b/resources/assets/sass/app.css
index 0f6a93bcb..f43a0c352 100644
--- a/resources/assets/sass/app.css
+++ b/resources/assets/sass/app.css
@@ -193,24 +193,28 @@
     /* after the upgrade tailwind 3.2.1, this tags font-weight changed. Added this block for now */
 
     /* changelog modal styling for update center */
+    .change-log-modal .badge {
+        @apply px-3 py-2 rounded-3xl text-xs font-medium bg-green text-white;
+    }
+
     .change-log-modal h2 {
-        @apply text-2xl font-bold text-black mb-3;
+        @apply text-2xl font-bold text-purple mb-2;
     }
 
     .change-log-modal h3 {
-        @apply text-lg font-bold text-black mb-3;
+        @apply text-lg font-bold text-purple mb-2;
     }
 
     .change-log-modal ul {
-        @apply list-disc list-inside mb-3;
+        @apply list-disc list-inside mb-2;
     }
 
     .change-log-modal li {
-        @apply text-base text-black;
+        @apply text-base text-purple;
     }
 
     .change-log-modal a {
-        @apply text-purple underline;
+        @apply text-green underline;
     }
     /* changelog modal styling for update center */
 }
diff --git a/resources/views/install/updates/index.blade.php b/resources/views/install/updates/index.blade.php
index 75787305b..b40023263 100644
--- a/resources/views/install/updates/index.blade.php
+++ b/resources/views/install/updates/index.blade.php
@@ -30,7 +30,7 @@
                             </x-table.td>
 
                             <x-table.td kind="right" class="w-6/12" kind="cursor-none">
-                                <x-slot name="first" class="text-right" override="class">
+                                <x-slot name="first" class="flex justify-end" override="class">
                                     <x-link href="{{ route('updates.run', ['alias' => 'core', 'version' => $core]) }}" class="px-3 py-1.5 rounded-xl text-sm font-medium leading-6 ltr:mr-2 rtl:ml-2 bg-green text-white hover:bg-green-700 disabled:bg-green-100" override="class">
                                         {{ trans('updates.update', ['version' => $core]) }}
                                     </x-link>