Update navbar styling and fix subtitle padding

resources/css/app.css

@@ -156,7 +156,7 @@ option {
 }
 
 .navbar-main {
-    @apply flex items-end gap-6 pb-2 border-b-2 border-solid border-coolgray-200;
+    @apply flex items-center h-10 gap-6 pb-2 border-b-2 border-solid border-coolgray-200;
 }
 
 .loading {
@@ -235,7 +235,7 @@ option {
 }
 
 .subtitle {
-    @apply pt-2 pb-10;
+    @apply pt-2 pb-9;
 }
 
 .fullscreen {

resources/views/components/navbar.blade.php

@@ -262,10 +262,10 @@
                         <livewire:help />
                     </x-modal-input>
                 </li>
-                <li>
+                <li >
-                    <form action="/logout" method="POST" class="mb-6 menu-item">
+                    <form action="/logout" method="POST">
                         @csrf
-                        <button title="Logout" type="submit" class="flex gap-2">
+                        <button title="Logout" type="submit" class="gap-2 mb-6 menu-item">
                             <svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                 <path fill="currentColor"
                                     d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2a9.985 9.985 0 0 1 8 4h-2.71a8 8 0 1 0 .001 12h2.71A9.985 9.985 0 0 1 12 22m7-6v-3h-8v-2h8V8l5 4z" />
@@ -274,7 +274,6 @@
                         </button>
                     </form>
                 </li>
-
             </ul>
         </li>
         {{-- <li>

resources/views/components/security/navbar.blade.php

@@ -1,8 +1,7 @@
 <div class="pb-6">
     <h1>Security</h1>
     <div class="subtitle">Security related settings.</div>
-
+    <nav class="navbar-main">
-    <nav class="pt-2 navbar-main">
         <a  href="{{ route('security.private-key.index') }}">
             <button>Private Keys</button>
         </a>

resources/views/layouts/app.blade.php

@@ -44,7 +44,7 @@
                             stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
                     </svg>
                 </button>
-                <div class="flex-1 text-xl font-bold leading-6 dark:text-white">Dashboard</div>
+                {{-- <div class="flex-1 text-xl font-bold leading-6 dark:text-white">Dashboard</div> --}}
                 {{-- <a href="#">
                     <span class="sr-only">Your profile</span>
                     <img class="w-8 h-8 rounded-full bg-gray-50"

resources/views/livewire/project/index.blade.php

@@ -11,7 +11,6 @@
         </x-slide-over>
     </div>
     <div class="subtitle">All your projects are here.</div>
-
     <div class="grid gap-2 lg:grid-cols-2">
         @forelse ($projects as $project)
             <div class="gap-2 border border-transparent cursor-pointer box group" x-data

resources/views/livewire/tags/index.blade.php

@@ -6,14 +6,14 @@
             @if ($tags->count() === 0)
                 <div>No tags yet defined yet. Go to a resource and add a tag there.</div>
             @else
-                <x-forms.select wire:model.live="tag" label="Tags">
+                <x-forms.select wire:model.live="tag">
                     <option value="null" disabled selected>Select a tag</option>
                     @foreach ($tags as $oneTag)
                         <option value="{{ $oneTag->name }}">{{ $oneTag->name }}</option>
                     @endforeach
                 </x-forms.select>
                 @if ($tag)
-                    <div>
+                    <div class="pt-5">
                         <div class="flex items-end gap-2 ">
                             <div class="w-[500px]">
                                 <x-forms.input readonly label="Deploy Webhook URL" id="webhook" />