From a2b909e3dadc0ac22f32066a440281f19526e54b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=90=D0=BB=D0=B5=D0=BA=D1=81=D0=B0=D0=BD=D0=B4=D1=80=20?=
 =?UTF-8?q?=D0=91=D0=B0=D0=B1=D0=BA=D0=B8=D0=BD?= <babkin@dinamika-avia.ru>
Date: Wed, 29 Jun 2022 08:07:05 +0300
Subject: [PATCH] Form width fixed

---
 public/css/app.css                           | 54 ++++++++------
 resources/views/admin/users/create.blade.php | 14 +++-
 resources/views/admin/users/edit.blade.php   | 66 +++++++++--------
 resources/views/admin/users/show.blade.php   | 69 +++++++++---------
 resources/views/projects/create.blade.php    | 76 ++++++++++----------
 resources/views/projects/list.blade.php      |  2 +-
 6 files changed, 156 insertions(+), 125 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index b99480d..ed882c9 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -746,12 +746,12 @@ select {
 .mt-3 {
   margin-top: 0.75rem;
 }
-.mt-6 {
-  margin-top: 1.5rem;
-}
 .mb-4 {
   margin-bottom: 1rem;
 }
+.mt-6 {
+  margin-top: 1.5rem;
+}
 .block {
   display: block;
 }
@@ -806,6 +806,9 @@ select {
 .w-auto {
   width: auto;
 }
+.w-96 {
+  width: 24rem;
+}
 .w-4 {
   width: 1rem;
 }
@@ -824,6 +827,9 @@ select {
 .max-w-6xl {
   max-width: 72rem;
 }
+.max-w-xl {
+  max-width: 36rem;
+}
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -924,6 +930,9 @@ select {
 .border-l-4 {
   border-left-width: 4px;
 }
+.border-r {
+  border-right-width: 1px;
+}
 .border-gray-300 {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity));
@@ -943,6 +952,10 @@ select {
   --tw-border-opacity: 1;
   border-color: rgb(129 140 248 / var(--tw-border-opacity));
 }
+.border-gray-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(156 163 175 / var(--tw-border-opacity));
+}
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -1078,6 +1091,9 @@ select {
 .tracking-widest {
   letter-spacing: 0.1em;
 }
+.tracking-wider {
+  letter-spacing: 0.05em;
+}
 .text-gray-500 {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
@@ -1114,6 +1130,14 @@ select {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity));
 }
+.text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity));
+}
+.text-blue-500 {
+  --tw-text-opacity: 1;
+  color: rgb(59 130 246 / var(--tw-text-opacity));
+}
 .text-green-600 {
   --tw-text-opacity: 1;
   color: rgb(22 163 74 / var(--tw-text-opacity));
@@ -1134,22 +1158,6 @@ select {
   --tw-text-opacity: 1;
   color: rgb(79 70 229 / var(--tw-text-opacity));
 }
-.text-green-500 {
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity));
-}
-.text-green-200 {
-  --tw-text-opacity: 1;
-  color: rgb(187 247 208 / var(--tw-text-opacity));
-}
-.text-green-700 {
-  --tw-text-opacity: 1;
-  color: rgb(21 128 61 / var(--tw-text-opacity));
-}
-.text-blue-500 {
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity));
-}
 .underline {
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
@@ -9062,14 +9070,14 @@ readers do not read off random characters that represent icons */
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity));
 }
-.hover\:text-gray-800:hover {
-  --tw-text-opacity: 1;
-  color: rgb(31 41 55 / var(--tw-text-opacity));
-}
 .hover\:text-gray-900:hover {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
+.hover\:text-gray-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(31 41 55 / var(--tw-text-opacity));
+}
 .focus\:z-10:focus {
   z-index: 10;
 }
diff --git a/resources/views/admin/users/create.blade.php b/resources/views/admin/users/create.blade.php
index c3f1234..a0e3838 100644
--- a/resources/views/admin/users/create.blade.php
+++ b/resources/views/admin/users/create.blade.php
@@ -9,8 +9,17 @@
         <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
             <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                 <div class="p-6 bg-white border-b border-gray-200">
-
-                    <form method="POST" action="{{ route('users.store') }}">
+                    <div class="w-96 mx-auto">
+                        @if ($errors->any())
+                        <div class="alert alert-danger text-red-500 p-2">
+                            <ul class="list-unstyled alert alert-danger">
+                                @foreach ($errors->all() as $error)
+                                <li>{{ $error }}</li>
+                                @endforeach
+                            </ul>
+                        </div>
+                        @endif
+                        <form method="POST" action="{{ route('users.store') }}">
                             @csrf
                             <!-- User name -->
                             <div>
@@ -53,6 +62,7 @@
                                 </x-button>
                             </div>
                         </form>
+                    </div>
                 </div>
             </div>
         </div>
diff --git a/resources/views/admin/users/edit.blade.php b/resources/views/admin/users/edit.blade.php
index 06f4f7d..42eec5f 100644
--- a/resources/views/admin/users/edit.blade.php
+++ b/resources/views/admin/users/edit.blade.php
@@ -9,44 +9,54 @@
         <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
             <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                 <div class="p-6 bg-white border-b border-gray-200">
-                    <x-auth-validation-errors class="mb-4" :errors="$errors" />
-                    <form method="POST" action="{{ route('users.update', $user->id) }}">
-                        @csrf
-                        @method('PUT')
-                        <!-- User name -->
-                        <!-- <input type="hidden" name="id" id="id" value="{{ $user->id}}"> -->
-                        <div>
-                            <x-label for="username" :value="__('User name')" />
-
-                            <x-input id="username" class="block mt-1 w-full" type="text" name="username" value="{{ $user->username }}" required autofocus />
+                    <div class="w-96 mx-auto">
+                        @if ($errors->any())
+                        <div class="alert alert-danger text-red-500 p-2">
+                            <ul class="list-unstyled alert alert-danger">
+                                @foreach ($errors->all() as $error)
+                                <li>{{ $error }}</li>
+                                @endforeach
+                            </ul>
                         </div>
+                        @endif
+                        <form method="POST" action="{{ route('users.update', $user->id) }}">
+                            @csrf
+                            @method('PUT')
+                            <!-- User name -->
+                            <!-- <input type="hidden" name="id" id="id" value="{{ $user->id}}"> -->
+                            <div>
+                                <x-label for="username" :value="__('User name')" />
 
-                        <!-- Name -->
-                        <div>
-                            <x-label for="name" :value="__('Name')" />
+                                <x-input id="username" class="block mt-1 w-full" type="text" name="username" value="{{ $user->username }}" required autofocus />
+                            </div>
 
-                            <x-input id="name" class="block mt-1 w-full" type="text" name="name" value="{{ $user->name }}" required />
-                        </div>
+                            <!-- Name -->
+                            <div>
+                                <x-label for="name" :value="__('Name')" />
 
-                        <!-- Email Address -->
-                        <div class="mt-4">
-                            <x-label for="email" :value="__('Email')" />
+                                <x-input id="name" class="block mt-1 w-full" type="text" name="name" value="{{ $user->name }}" required />
+                            </div>
 
-                            <x-input id="email" class="block mt-1 w-full" type="email" name="email" value="{{ $user->email }}" required />
-                        </div>
+                            <!-- Email Address -->
+                            <div class="mt-4">
+                                <x-label for="email" :value="__('Email')" />
 
-                        <div class="flex items-center justify-end mt-4">
-                            <!-- <button type="submit" class="btn">{{ __('Save') }}</button> -->
-                            <x-button class="ml-4">
-                                {{ __('Save') }}
-                            </x-button>
-                            <!-- <a href="{{ route('users.index') }}">
+                                <x-input id="email" class="block mt-1 w-full" type="email" name="email" value="{{ $user->email }}" required />
+                            </div>
+
+                            <div class="flex items-center justify-end mt-4">
+                                <!-- <button type="submit" class="btn">{{ __('Save') }}</button> -->
+                                <x-button class="ml-4">
+                                    {{ __('Save') }}
+                                </x-button>
+                                <!-- <a href="{{ route('users.index') }}">
                                 <x-button class="ml-4">
                                     {{ __('Cancel') }}
                                 </x-button>
                             </a> -->
-                        </div>
-                    </form>
+                            </div>
+                        </form>
+                    </div>
                 </div>
             </div>
         </div>
diff --git a/resources/views/admin/users/show.blade.php b/resources/views/admin/users/show.blade.php
index 3f6eb00..70b8f81 100644
--- a/resources/views/admin/users/show.blade.php
+++ b/resources/views/admin/users/show.blade.php
@@ -9,43 +9,44 @@
         <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
             <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                 <div class="p-6 bg-white border-b border-gray-200">
+                    <div class="w-96 mx-auto">
+                        <!-- <form method="POST" action="{{ route('users.store') }}"> -->
+                        <!-- @csrf -->
+                        <!-- User name -->
+                        <div>
+                            <x-label for="username" :value="__('User name')" />
 
-                    <!-- <form method="POST" action="{{ route('users.store') }}"> -->
-                    <!-- @csrf -->
-                    <!-- User name -->
-                    <div>
-                        <x-label for="username" :value="__('User name')" />
+                            <x-input id="username" class="block mt-1 w-full" type="text" name="username" value="{{ $user->username }}" readonly />
+                        </div>
 
-                        <x-input id="username" class="block mt-1 w-full" type="text" name="username" value="{{ $user->username }}" readonly />
+                        <!-- Name -->
+                        <div>
+                            <x-label for="name" :value="__('Name')" />
+
+                            <x-input id="name" class="block mt-1 w-full" type="text" name="name" value="{{ $user->name }}" readonly />
+                        </div>
+
+                        <!-- Email Address -->
+                        <div class="mt-4">
+                            <x-label for="email" :value="__('Email')" />
+
+                            <x-input id="email" class="block mt-1 w-full" type="email" name="email" value="{{ $user->email }}" readonly />
+                        </div>
+
+                        <div class="flex items-center justify-end mt-4">
+                            <a href="{{ route('users.edit',$user->id) }}">
+                                <x-button class="ml-4">
+                                    {{ __('Edit user') }}
+                                </x-button>
+                            </a>
+                            <a href="{{ route('users.index') }}">
+                                <x-button class="ml-4">
+                                    {{ __('Cancel') }}
+                                </x-button>
+                            </a>
+                        </div>
+                        <!-- </form> -->
                     </div>
-
-                    <!-- Name -->
-                    <div>
-                        <x-label for="name" :value="__('Name')" />
-
-                        <x-input id="name" class="block mt-1 w-full" type="text" name="name" value="{{ $user->name }}" readonly />
-                    </div>
-
-                    <!-- Email Address -->
-                    <div class="mt-4">
-                        <x-label for="email" :value="__('Email')" />
-
-                        <x-input id="email" class="block mt-1 w-full" type="email" name="email" value="{{ $user->email }}" readonly />
-                    </div>
-
-                    <div class="flex items-center justify-end mt-4">
-                        <a href="{{ route('users.edit',$user->id) }}">
-                            <x-button class="ml-4">
-                                {{ __('Edit user') }}
-                            </x-button>
-                        </a>
-                        <a href="{{ route('users.index') }}">
-                        <x-button class="ml-4">
-                            {{ __('Cancel') }}
-                        </x-button>
-                        </a>
-                    </div>
-                    <!-- </form> -->
                 </div>
             </div>
         </div>
diff --git a/resources/views/projects/create.blade.php b/resources/views/projects/create.blade.php
index 6d8f847..426fc66 100644
--- a/resources/views/projects/create.blade.php
+++ b/resources/views/projects/create.blade.php
@@ -9,44 +9,46 @@
         <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
             <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                 <div class="p-6 bg-white border-b border-gray-200">
-                    @if ($errors->any())
-                    <div class="alert alert-danger text-red-500 p-2">
-                        <ul class="list-unstyled alert alert-danger">
-                            @foreach ($errors->all() as $error)
-                            <li>{{ $error }}</li>
-                            @endforeach
-                        </ul>
+                    <div class="w-96 mx-auto">
+                        @if ($errors->any())
+                        <div class="alert alert-danger text-red-500 p-2">
+                            <ul class="list-unstyled alert alert-danger">
+                                @foreach ($errors->all() as $error)
+                                <li>{{ $error }}</li>
+                                @endforeach
+                            </ul>
+                        </div>
+                        @endif
+                        <form method="POST" action="{{ route('projects.store') }}">
+                            @csrf
+                            <!-- Project name -->
+                            <div>
+                                <x-label for="name" :value="__('Title')" />
+
+                                <x-input id="name" class="block mt-1 w-full" type="text" name="name" :value="old('name')" required autofocus />
+                            </div>
+
+                            <!-- Description -->
+                            <div class="mt-4">
+                                <x-label for="description" :value="__('Description')" />
+
+                                <x-input id="description" class="block mt-1 w-full" type="text" name="description" :value="old('description')" required />
+                            </div>
+
+                            <!-- MMC Path -->
+                            <div class="mt-4">
+                                <x-label for="mmc_path" :value="__('MMC Path')" />
+
+                                <x-input id="mmc_path" class="block mt-1 w-full" type="text" name="mmc_path" :value="old('mmc_path')" required />
+                            </div>
+
+                            <div class="flex items-center justify-end mt-4">
+                                <x-button class="ml-4">
+                                    {{ __('Create project') }}
+                                </x-button>
+                            </div>
+                        </form>
                     </div>
-                    @endif
-                    <form method="POST" action="{{ route('projects.store') }}">
-                        @csrf
-                        <!-- Project name -->
-                        <div>
-                            <x-label for="name" :value="__('Title')" />
-
-                            <x-input id="name" class="block mt-1 w-full" type="text" name="name" :value="old('name')" required autofocus />
-                        </div>
-
-                        <!-- Description -->
-                        <div class="mt-4">
-                            <x-label for="description" :value="__('Description')" />
-
-                            <x-input id="description" class="block mt-1 w-full" type="text" name="description" :value="old('description')" required />
-                        </div>
-
-                        <!-- MMC Path -->
-                        <div class="mt-4">
-                            <x-label for="mmc_path" :value="__('MMC Path')" />
-
-                            <x-input id="mmc_path" class="block mt-1 w-full" type="text" name="mmc_path" :value="old('mmc_path')" required />
-                        </div>
-
-                        <div class="flex items-center justify-end mt-4">
-                            <x-button class="ml-4">
-                                {{ __('Create project') }}
-                            </x-button>
-                        </div>
-                    </form>
                 </div>
             </div>
         </div>
diff --git a/resources/views/projects/list.blade.php b/resources/views/projects/list.blade.php
index 36b722c..9f4bbfd 100644
--- a/resources/views/projects/list.blade.php
+++ b/resources/views/projects/list.blade.php
@@ -52,7 +52,7 @@
                             </tr>
                             @empty
                             <tr>
-                                <td colspan="3">No Projects!</td>
+                                <td colspan="4" class="p-2 border border-gray-200 text-center">No Projects!</td>
                             </tr>
                             @endforelse
                         </table>